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 相关文章推荐
js 日期转换成中文格式的函数
Jul 07 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
在Vue 中使用Typescript的示例代码
Sep 10 Javascript
微信小程序封装自定义弹窗的实现代码
May 08 Javascript
基于redis的小程序登录实现方法流程分析
May 25 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和ACCESS写聊天室(五)
2006/10/09 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
2014/02/24 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
python环形单链表的约瑟夫问题详解
2018/09/27 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
毕业生的自我鉴定
2013/10/29 职场文书
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
大学生自荐书范文
2013/12/10 职场文书
亮化工程实施方案
2014/03/17 职场文书
房屋委托书范本
2014/04/04 职场文书
大学社团计划书
2014/05/01 职场文书
办公室卫生管理制度
2015/08/04 职场文书