首页 > 代码库 > 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>