编程 Javascript

javascript动态创建链接的方法

Posted in Javascript onMay 13, 2015

本文实例讲述了javascript动态创建链接的方法。分享给大家供大家参考。具体分析如下：

动态创建链接示例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>动态添加链接</title>
 <script type="text/javascript">
 function AppendLink() {
  var div = document.getElementById("divMain");
  var linkTmp = document.createElement("a");
  linkTmp.href = "http://www.baidu.com";
  linkTmp.innerText = "百度"; 
  //链接要使用innertText,不能使用value
  div.appendChild(linkTmp);
 }
 </script>
</head>
<body>
 <div id="divMain"></div>
 <input type="button" value="添加链接" onclick="AppendLink()" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

javascript动态创建链接的方法

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript Object.extend

May 18 Javascript

JQuery实现简单验证码提示解决方案

Dec 20 Javascript

js改变img标签的src属性在IE下没反应的解决方法

Jul 23 Javascript

解决js数据包含加号+通过ajax传到后台时出现连接错误

Aug 01 Javascript

JS动态添加与删除select中的Option对象(示例代码)

Dec 25 Javascript

jQuery的$.proxy()应用示例介绍

Apr 03 Javascript

javascript删除一个html元素节点的方法

Dec 20 Javascript

javascript中定义类的方法汇总

Dec 28 Javascript

javascript中传统事件与现代事件

Jun 23 Javascript

JS正则获取HTML元素的方法

Mar 31 Javascript

jQuery导航条固定定位效果实例代码

May 26 jQuery

angular实现页面打印局部功能的思考与方法

Apr 13 Javascript

javascript中innerText和innerHTML属性用法实例分析

May 13 #Javascript

javascript元素动态创建实现方法

May 13 #Javascript

javascript实现模拟时钟的方法

May 13 #Javascript

javascript实现点击后变换按钮显示文字的方法

May 13 #Javascript

javascript实现十秒钟后注册按钮可点击的方法

May 13 #Javascript

javascript中clipboardData对象用法详解

May 13 #Javascript

javascript实现在网页任意处点左键弹出隐藏菜单的方法

May 13 #Javascript

You might like

php设计模式 Adapter(适配器模式)

2011/06/26 PHP

Javascript 继承机制的实现

2009/08/12 Javascript

40个新鲜出炉的jQuery 插件和免费教程[上]

2012/07/24 Javascript

HTML Color Picker(js拾色器效果)

2013/08/27 Javascript

jquery datepicker参数介绍和示例

2014/04/15 Javascript

jquery阻止后续事件只执行第一个事件

2014/07/24 Javascript

JS实现让访问者自助选择网页文字颜色的方法

2015/02/24 Javascript

JavaScript中的slice()方法使用详解

2015/06/06 Javascript

JS获取复选框的值,并传递到后台的实现方法

2016/05/30 Javascript

JS异步文件分片断点上传的实现思路

2016/12/25 Javascript

javascript设计模式之Adapter模式【适配器模式】实现方法示例

2017/01/13 Javascript

React组件之间的通信的实例代码

2017/06/27 Javascript

基于BootStrap实现简洁注册界面

2017/07/20 Javascript

Vue组件实例间的直接访问实现代码

2017/08/20 Javascript

详解微信小程序开发聊天室—实时聊天，支持图片预览

2019/05/20 Javascript

Vue CLI3中使用compass normalize的方法

2019/05/30 Javascript

jQuery实现的移动端图片缩放功能组件示例

2020/05/01 jQuery

闭包在python中的应用之translate和maketrans用法详解

2014/08/27 Python

Python实现字符串格式化的方法小结

2017/02/20 Python

K-近邻算法的python实现代码分享

2017/12/09 Python

python实现图书管理系统

2018/03/12 Python

Python 实现使用dict 创建二维数据、DataFrame

2018/04/13 Python

Python跳出多重循环的方法示例

2019/07/03 Python

Python实现搜索算法的实例代码

2020/01/02 Python

Python图片处理模块PIL操作方法（pillow）

2020/04/07 Python

video下autoplay属性无效的解决方法(添加muted属性)

2020/05/19 HTML / CSS

AmazeUI折叠式卡片布局，整合内容列表、表格组件实现

2020/08/20 HTML / CSS

VICHY薇姿美国官方网站：欧洲药房第一的抗衰老品牌

2017/11/22 全球购物

美国马匹用品和骑马配件购物网站：Horse.com

2018/01/08 全球购物

韩国江南富人区高端时尚百货商场：Galleria（格乐丽雅）

2018/03/27 全球购物

应聘教师推荐信

2013/10/31 职场文书

迟到检讨书1000字

2014/01/15 职场文书

房屋租赁委托书范本

2014/10/04 职场文书

十一月早安语录：把心放轻，人生就是一朵自在的云

2019/11/04 职场文书

php中配置文件保存修改操作如config.php文件的读取修改等操作

2021/05/12 PHP

Android Rxjava3 使用场景详解

2022/04/07 Java/Android