码迷,mamicode.com
首页 > 编程语言 > 详细

HTML 学习之HTML语言嵌入JavaScript

时间:2014-07-19 17:21:59      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   os   

表示以前不关注网页编写这个东西。现在学习下:

一个简单的小例子,但是却很实用的哦!

通过点击按钮,修改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>

HTML 学习之HTML语言嵌入JavaScript,布布扣,bubuko.com

HTML 学习之HTML语言嵌入JavaScript

标签:style   blog   http   java   color   os   

原文地址:http://www.cnblogs.com/vokie/p/3853882.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!