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

作者:烟中隐约闪现 | 创建时间: 2023-03-17
在这篇里,我来讲下怎么用按钮来改变链接及打开方式。...
html网页设计中用按钮改变链接及打开方式

操作方法

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

点击<html>标签后,输入<head>头标签,并在标签中定义<script>代码 <head> <script type="text/javascript"> </script> </head>

在<script></script>标签之间定义一个changelink()函数,用来执行改变链接的功能。 function changeLink() { document.getElementById('zhinan').innerHTML="访问搜狗指南" document.getElementById('zhinan').href="http://zhinan.sogou.com" document.getElementById('zhinan').target="_blank" }

功能函数定义好以后,点击正文<body>标签后,添加一个文字链接,将id设置为函数中调用的参数名称。 <a id="zhinan" href="https://weixin.sogou.com">访问搜狗微信</a>

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

再添加一些说明性的文字来做个解释 <p>点击上面这个链接,会默认在_self(自己)窗口打开网页;点击【改变链接】按钮后,文字链接改变,点击链接就会在_blank(新窗口)打开。</p>

最后将代码内容保存为html格式。

点击展开全文

更多推荐