html网页设计中用按钮改变链接及打开方式

时间:2024-10-15 10:45:38

1、打开文本编辑器或者记事本软件,输入网页基本标签代码<html><body></body></html>

html网页设计中用按钮改变链接及打开方式

3、在<script></script>标签之间定义一个changelink()函数,用来执行改变链接的功能。 function changeLink() { document.getElementById('jingyan').innerHTML="访问百度经验" document.getElementById('jingyan').href="http://jingyan.baidu.com" document.getElementById('jingyan').target="_blank" }

html网页设计中用按钮改变链接及打开方式

5、然后给网页上添加一个按钮,点击后可以改变链接及打开方式。<input type="button" onclick="changeLink()" value="改变链接">

html网页设计中用按钮改变链接及打开方式

7、最后将代码内容保存为html格式,预览网页效果。

html网页设计中用按钮改变链接及打开方式html网页设计中用按钮改变链接及打开方式
© 途途旅游