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 相关文章推荐
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
如何将网页表格内容导入excel
Feb 18 Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
two.js之实现动画效果示例
Nov 06 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
JS实现长图上下滚动效果
Mar 19 Javascript
echarts实现晶体球面投影的实例教程
Oct 10 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
多人战的战术与战略
2020/03/04 星际争霸
php实现aes加密类分享
2014/02/16 PHP
nginx下安装php7+php5
2016/07/31 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
短信提示使用 特效
2007/01/19 Javascript
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python中datetime模块参考手册
2017/01/13 Python
Python闭包函数定义与用法分析
2018/07/20 Python
python调用百度语音REST API
2018/08/30 Python
详解python解压压缩包的五种方法
2019/07/05 Python
python自定义函数def的应用详解
2020/06/03 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
Ejb技术面试题
2015/04/29 面试题
职高毕业生自我鉴定
2013/10/21 职场文书
求职信模板怎么做
2014/01/26 职场文书
策划创业计划书
2014/02/06 职场文书
介绍信如何写
2015/01/31 职场文书
标枪加油稿
2015/07/22 职场文书
担保书格式范文
2015/09/22 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android