html网页设计中用按钮改变链接及打开方式
在这篇里，我来讲下怎么用按钮来改变链接及打开方式。
操作方法
- 01
打开文本编辑器或者记事本软件，输入网页基本标签代码 <html> <body> </body> </html>
- 02
点击<html>标签后，输入<head>头标签，并在标签中定义<script>代码 <head> <script type="text/javascript"> </script> </head>
- 03
在<script></script>标签之间定义一个changelink()函数，用来执行改变链接的功能。 function changeLink() { document.getElementById('zhinan').innerHTML="访问搜狗指南" document.getElementById('zhinan').href="http://zhinan.sogou.com" document.getElementById('zhinan').target="_blank" }
- 04
功能函数定义好以后，点击正文<body>标签后，添加一个文字链接，将id设置为函数中调用的参数名称。 <a id="zhinan" href="https://weixin.sogou.com">访问搜狗微信</a>
- 05
然后给网页上添加一个按钮，点击后可以改变链接及打开方式。 <input type="button" onclick="changeLink()" value="改变链接">
- 06
再添加一些说明性的文字来做个解释 <p>点击上面这个链接，会默认在_self（自己）窗口打开网页；点击【改变链接】按钮后，文字链接改变，点击链接就会在_blank（新窗口）打开。</p>
- 07
最后将代码内容保存为html格式。
赞 (0)