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实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
jquery实现的Banner广告收缩效果代码
Sep 02 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
让div运动起来 js实现缓动效果
Jul 06 Javascript
使用jQuery实现动态添加小广告
Jul 11 jQuery
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 Javascript
JS表格的动态操作完整示例
Jan 13 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
为什么推荐使用JSX开发Vue3
Dec 28 Vue.js
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
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
jquery 页面全选框实践代码
2010/04/02 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
python操作xml文件详细介绍
2014/06/09 Python
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
python3.x实现base64加密和解密
2019/03/28 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
python实现将列表中各个值快速赋值给多个变量
2020/04/02 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
实习老师个人总结的自我评价
2013/09/28 职场文书
环境工程毕业生自荐信
2013/11/17 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
生产部厂长助理职位说明书
2014/03/03 职场文书
小学开学典礼主持词
2014/03/19 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
超市创意活动方案
2014/08/15 职场文书
思想政治表现评语
2015/01/04 职场文书
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python