编程 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 相关文章推荐

js 替换功能函数，用正则表达式解决，js的全部替换

Dec 08 Javascript

Javascript判断文件是否存在(客户端/服务器端)

Sep 16 Javascript

jQuery实现仿新浪微博浮动的消息提示框(可智能定位)

Oct 10 Javascript

基于jQuery实现的双11天猫拆红包抽奖效果

Dec 01 Javascript

ionic实现带字的toggle滑动组件

Aug 27 Javascript

微信小程序实战之自定义模态弹窗（8）

Apr 18 Javascript

基于jQuery Easyui实现登陆框界面

Jul 10 jQuery

vue2.0中vue-cli实现全选、单选计算总价格的实例代码

Jul 18 Javascript

微信小程序项目实践之验证码倒计时功能

Jul 18 Javascript

详解在React中跨组件分发状态的三种方法

Aug 09 Javascript

原生JS实现轮播图效果

Oct 12 Javascript

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

May 14 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

codeigniter使用技巧批量插入数据实例方法分享

2013/12/31 PHP

如何使Chrome控制台支持多行js模式——意外发现

2013/06/13 Javascript

一个JavaScript的求爱小特效

2014/05/09 Javascript

js图片处理示例代码

2014/05/12 Javascript

js简单工厂模式用法实例

2015/06/30 Javascript

bootstrap为水平排列的表单和内联表单设置可选的图标

2017/02/15 Javascript

Vue实现左右菜单联动实现代码

2018/08/12 Javascript

Vue.js中对css的操作（修改）具体方式详解

2018/10/30 Javascript

微信小程序提交form操作示例

2018/12/30 Javascript

基于vue通用表单解决方案的思考与分析

2019/03/16 Javascript

解决微信小程序云开发中获取数据库的内容为空的方法

2019/05/15 Javascript

JavaScript 作用域scope简单汇总

2019/10/23 Javascript

Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求

2020/09/01 Javascript

vue实现图书管理系统

2020/12/29 Vue.js

Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程

2016/06/14 Python

python smtplib模块自动收发邮件功能（二）

2018/05/22 Python

Python面向对象基础入门之编码细节与注意事项

2018/12/11 Python

Python 支付整合开发包的实现

2019/01/23 Python

Python学习笔记之文件的读写操作实例分析

2019/08/07 Python

Pytorch自己加载单通道图片用作数据集训练的实例

2020/01/18 Python

新手入门学习python Numpy基础操作

2020/03/02 Python

opencv python在视屏上截图功能的实现

2020/03/05 Python

python实现excel公式格式化的示例代码

2020/12/23 Python

利用CSS3实现圆角的outline效果的教程

2015/06/05 HTML / CSS

介绍一下Ruby的特点

2013/01/20 面试题

优秀高中生事迹材料

2014/02/11 职场文书

小学一年级评语大全

2014/04/22 职场文书

爱国演讲稿500字

2014/05/04 职场文书

派出所所长先进事迹

2014/05/19 职场文书

企业法人代表任命书

2014/06/06 职场文书

社区班子个人对照检查材料思想汇报

2014/10/07 职场文书

初中军训感言

2015/08/01 职场文书

《鸡兔同笼》教学反思

2016/02/19 职场文书

vue前端工程的搭建

2021/03/31 Vue.js

Python 类,对象,数据分类,函数参数传递详解

2021/09/25 Python

Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法

2022/08/14 数码科技