原生JS动态创建链接

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
   <TITLE> New Document </TITLE>
   <META NAME= "Generator"  CONTENT= "EditPlus" >
   <META NAME= "Author"  CONTENT= "" >
   <META NAME= "Keywords"  CONTENT= "" >
   <META NAME= "Description"  CONTENT= "" >
  </HEAD>
  <BODY>
   <script>
   var  i=1;
function  create() {
    document.body.appendChild(document.createElement( "br" ));
    var  a=document.createElement( "a" );
    a.id= "a" +i;
    a.href= "www.csdn.net" ;
    a.innerText= "我是超链接" +i;
    a.title= "我是超链接" +i;
    document.body.appendChild(a);
    
    i++;
}
   </script>
   <input type= "button"  value= 'click me'  onclick= 'create();'  />
  </BODY>
</HTML>

本文转自问道博客51CTO博客,原文链接http://blog.51cto.com/450236/1909010如需转载请自行联系原作者

crackernet
相关文章
|
JavaScript 前端开发
在 JavaScript 中动态创建插槽内容
【10月更文挑战第26天】在JavaScript中动态创建插槽内容有多种方法,从简单的字符串拼接和DOM操作到使用流行的框架如Vue.js和React等。选择哪种方法取决于项目的具体需求和所使用的技术栈。在简单的静态页面中,原生的JavaScript DOM操作可能就足够了;而在复杂的单页应用中,使用框架可以提供更好的开发体验、性能优化和代码组织。
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
616 3
|
移动开发 前端开发 JavaScript
原生JavaScript+canvas实现五子棋游戏_值得一看
本文介绍了如何使用原生JavaScript和HTML5的Canvas API实现五子棋游戏,包括棋盘的绘制、棋子的生成和落子、以及判断胜负的逻辑,提供了详细的代码和注释。
580 1
原生JavaScript+canvas实现五子棋游戏_值得一看
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
321 5
|
JavaScript
原生JS实现全选、全不选
原生JS实现全选、全不选
|
移动开发 JavaScript 前端开发
使用GruntJS链接与压缩多个JavaScript文件
使用GruntJS链接与压缩多个JavaScript文件
149 3
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
264 0
|
JavaScript 前端开发 API
从零开始学表单操作,jQuery 与原生 JavaScript 完全指南,带你轻松掌握网页交互关键!
【8月更文挑战第31天】在网页开发中,表单是实现用户互动的关键元素。无论是收集信息、提交数据还是验证输入,都需要对表单进行有效操作。本文档介绍了如何使用原生 JavaScript 和 jQuery 操作表单,包括获取表单元素、读写表单值、处理表单提交及验证等核心功能。jQuery 提供了更简洁的语法和更好的兼容性,但原生 JavaScript 在性能上有优势。选择合适的方法取决于项目需求和个人偏好。下面通过具体示例展示了两种方式的操作方法。
310 0
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
332 2
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
222 1