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 相关文章推荐
Javascript中暂停功能的实现代码
Mar 04 Javascript
javascript dom 操作详解 js加强
Jul 13 Javascript
jQuery.ajax 用户登录验证代码
Oct 29 Javascript
基于jQuery替换table中的内容并显示进度条的代码
Aug 02 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
发布一款npm包帮助理解npm的使用
Jan 03 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 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教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
php实现图片添加水印功能
2014/02/13 PHP
微信API接口大全
2015/04/15 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
JS交换变量的方法
2015/01/21 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
2019/01/08 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
es6中比较有用的7个技巧小结
2019/07/12 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
tensorflow实现KNN识别MNIST
2018/03/12 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
python里dict变成list实例方法
2019/06/26 Python
django使用admin站点上传图片的实例
2019/07/28 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
python logging.info在终端没输出的解决
2020/05/12 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
作风建设演讲稿
2014/05/23 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
收费员岗位职责
2015/02/14 职场文书
python解析json数据
2022/04/29 Python