创建10个<a>标签，点击时弹出对应的序号

最新推荐文章于 2024-03-22 15:23:03 发布
最新推荐文章于 2024-03-22 15:23:03 发布
阅读量966 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Teheran/article/details/87005343
版权

利用闭包


 for(var i=0;i<10;i++){
	(function(i){
		var a = document.createElement("a");
		a.innerHTML = i + '<br>';
		a.addEventListener('click',function(){
			alert(i)
		})
		document.body.appendChild(a)
	})(i)
}
觉儿
关注
vue2/3 - 最新详细实现页面 “局部/某一区域“ 打印预览功能，vue纯前端指定区域范围进行打印，打印出来后样式完美保留无任何丢失，支持动态满足条件时弹出打印窗口、批量打印等（详细示例代码复制）
高级前端工程师
04-17 3705
vue2，vue3，nuxt.js，前端打印，局部打印，范围打印，指定一个div只打印这个容器里面的内容，vue前端局部打印，vue3范围打印，根据if条件动态确认是否打印，批量打印，打印某个区域的html，打印后样式丢失怎么办，打印预览样式错乱，样式不对，不兼容ie浏览器，vue3实现区域打印功能，vue区域打印，如何实现局部打印，项目局部打印功能实现，详细示例可运行代码，前端页面局部打印功能实现，某个dom容器的局部打印，不兼容低版本浏览器，分页打印，打印指定区域内容，只打印某个div元素，dom元素，
10个字 10个字 10个字 10个字
01-04
10个字 10个字 10个字 10个字
用JS创建10个＜a＞标签，点击的时候弹出来对应的序号
 我的博客
12-23 734
利用闭包的方式 for (var i = 0; i < 10; i++) { var aObj = document.createElement('a') aObj.innerText = 'a标签' + i aObj.onclick = (function (i) { return function () { alert(i) } })(i) document.body.appendChild(aObj) } 利用块级作用域的方式 for (
JS中创建10个a标签，点击弹出对应的序号
不想起床
02-02 1293
for (let i = 1; i <= 10; i++) { let a = document.createElement('a') a.innerHTML = i + '<br>' document.body.appendChild(a) a.addEventListener('click', functio...
创建 10 个<a>标签，点击的时候弹出来对应的序号
weixin_33709590的博客
04-04 290
错误的写法 var i, a for (i = 0; i < 10; i++) { a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click', function (e) { e.preventDefault() al...
创建10个`＜a＞`标签，点击的时候弹出对应的序号
zpfnext的博客
09-29 253
i 是块级作用域 let a; for(let i=0;i<10;i++) { const a = document.createElement('a'); a.innerHTML = i+'<br>'; a.addEventListener('click',function(e) { e.preventDefault(); alert(i); }) document.body.appendChild(a) } 错误
【面试题记录】2020前端秋招笔试面试题目记录
等时钟成长
08-29 2513
笔试题记录 1. 空元素 Empty Element 空元素是HTML/SVG里的不可能存在子节点的元素。 个人理解就是：自闭和标签 HTML中的空元素： <br/> <hr> <img> <input/> <link> <meta> <area> <source> <track> ...
js动态创建表格,删除行列的小例子
10-27
3. 在每一行中循环创建列<td>，并给每个单元格分配一个序号作为内容，用以展示。 4. 将创建好的表格添加到页面的指定位置。 在完成表格的动态创建之后，通常用户还需要能够对表格进行编辑，比如添加或删除行列。在...
[JavaScript]基础知识复习题附答案
m0_63949551的博客
11-28 4855
选择题 1、JavaScript脚本语言的前身是（） A.Basic B.Live Script C.Oak D.VBScript 答案：B 难度容易 2、以下哪个不是javascript语言的特点：（） A. 基于对象B. 跨平台C. 编译执行D. 脚本语言 答案：C 难度容易 3标记符title是放在标记符什么之间的（） A.html与html B.head与he...
vue阶段面试题
weixin_57550930的博客
06-25 515
1.src和href的区别 ？ href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。 浏览器会识别href引用的文档并行下载该文档，并且不会停止对当前文档的处理 src是source的缩写，src的内容是页面必不可少的一部分，是引入。src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。 当浏览器解析到src引用时，会暂停浏览器的渲染，直到该资源加载完毕。这也是将js脚本放在底部而
你必须知道的10个不常用的HTML标签
交流是一个不断学习的平台,在轻松快乐中提高自己
09-10 107
http://www.qianduan.net/you-have-to-know-the-10-is-not-commonly-used-html-tags.html
JS—创建10个a标签，点击弹出相应1-10的序号
KongKong_Rac的博客
08-18 694
创建10个a标签，点击弹出相应1-10的序号 错误做法：弹出均为11，当触发事件时，for循环已经结束，i为11 let i, a; for (i = 1; i < 11; i++) { a = document.createElement('a'); a.innerHTML = i + '<br>'; a.addEventListener('click', function(e) { // 阻止默认行为 e.preventDefau
JS 自测题
朝阳39的博客
03-22 334
即自由变量自由变量的查找，是。
在ul中，点击其中一个<li>标签，弹出或输出相应的序号或相应文本内容
Char_n的博客
08-27 7338
ul中有li，点击li，获得对应的序号 Happy coding… 作为一个前端开发者，一定会遇到这样的一个问题： 一个&amp;lt;ul&amp;gt;中里面嵌套了好多空的&amp;lt;li&amp;gt;标签，点击&amp;lt;li&amp;gt;弹出它的序号（HTML不可以修改）。即点击第一个&amp;lt;li&amp;gt;标签时弹出0，点击第二个&amp;lt;li&amp;gt;标签时弹出
点击一个ul的五个li元素，分别弹出他们的序号
weixin_45387568的博客
09-26 548
1.使用let(用let声明的变量，只在其所在的代码块内有效) <ul> <li>000</li> <li>111</li> <li>222</li> <li>333</li> <li>444</li> </ul> ...
在页面上创建十个标签，点击按顺序弹出数字1,2,3,...10（闭包实现）
weixin_34007886的博客
01-26 759
for (let i = 0; i &lt; 10; i++) { let a = document.createElement('a') a.innerHTML = i ;(function (i) { a.onclick = function () { alert(i) } })(i) let bo...
js--模拟jquery选择器
冷月心的博客
08-30 520
js--模拟jquery选择器
原生js功能实现:创建10个<a>标记，点击使弹出对应的序号
最新发布
09-21
在原生JavaScript中，你可以使用HTML DOM操作来实现这一需求。下面是一个简单的示例，创建10个 `<a>` 标记，并为它们绑定点击事件，每次点击都会显示相应的序号： ```html <!DOCTYPE html> <html lang="en"> <body> <ul id="linkList"></ul> <script> const ulElement = document.getElementById("linkList"); for (let i = 1; i <= 10; i++) { const link = document.createElement("a"); link.textContent = `点击获取编号 ${i}`; link.href = "#"; link.addEventListener("click", function(e) { e.preventDefault(); // 阻止默认链接跳转 alert(`你点击的是第${i}个链接`); }); ulElement.appendChild(link); } </script> </body> </html> ``` 在这个示例中，我们首先获取了列表元素`<ul>`，然后循环10次创建新的`<a>`元素，设置文本和阻止其默认行为（防止页面跳转）。接着，我们在每个`<a>`元素上添加一个点击事件监听器，在点击时触发并显示对应序号的警告框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值