首页 > 代码库 > HTML 学习之HTML语言嵌入JavaScript
HTML 学习之HTML语言嵌入JavaScript
表示以前不关注网页编写这个东西。现在学习下:
一个简单的小例子,但是却很实用的哦!
通过点击按钮,修改a标签的href的值,实现在程序中动态的修改<a>标签的链接地址。
根据程序中的需求,在同一个<a>标签,却可以跳转到不同的链接上。
代码很简单:
1 <html> 2 <body> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>html + javaScripts</title> 7 </head> 8 9 <h1>修改HypeReference标签的链接地址</h1>10 11 <a href="http://www.baidu.com" id="link_download">Go To Baidu: )</a>12 13 <input type="button" value="改变" id="change_href" onclick="changeRef()"/>14 15 <script type="text/javascript">16 function changeRef()17 {18 document.getElementById("link_download").text = ‘Go To SOSO: )‘;19 document.getElementById("link_download").href = ‘http://www.soso.com‘;20 }21 </script>22 23 </body>24 </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。