<!doctype html> <html> <head> <meta charset="utf-8"> <title>简单JS代--点击谁添加背景色</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> *{ margin: 0; padding: 0; } ul li { list-style:none; } .active { background-color:#ccc; } </style> </head> <body> <div> <ul> <li class="active"> <a href="javascript:void(0);">我是nav1</a> </li> <li> <a href="javascript:void(0);">我是nav2</a> </li> <li> <a href="javascript:void(0);">我是nav3</a> </li> </ul> <div ng-view=""></div> </div> <script> window.onload = function() { var libtn = $("li") for (var i = 0; i < libtn.length; i++) { libtn[i].index = i; libtn[i].onclick = function() { for (var i = 0; i < libtn.length; i++) { libtn[i].className = ""; } this.className = "active"; } } } </script> </body> </html>
简单JS代--点击谁添加背景色
2023-09-15
43
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
简单JS代--点击谁添加背景色
目录
相关文章
|
1月前
|
数据采集
存储
监控
实现自动化数据抓取：使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取，特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie，提高爬虫的效率和隐蔽性，避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作，抓取并整理新闻数据，适用于需要规避IP限制和突破频率限制的场景。
82
10
10
|
3月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
Java
JavaScript内存泄露大揭秘！你的应用为何频频“爆内存”？点击解锁救星秘籍！
【8月更文挑战第23天】在Web前端开发中，JavaScript是构建动态网页的关键技术。然而，随着应用复杂度增加，内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因，包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施，开发者可以有效避免内存泄露，提高应用性能。
67
1
1
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
89
0
0
|
6月前
|
JavaScript
定位技术
API
|
5月前
|
测试技术
UED
|
6月前
|
JavaScript
容器
热门文章
最新文章
1
Node.js 中流操作实践
2
《JavaScript框架设计》——1.4 类型的判定
3
js数组遍历some,foreach,map,filter,every对比
4
Koa.js 中的日志管理
5
JavaScript右下角信息提示插件Notyf
6
【温故而知新-Javascript】使用Web存储
7
测试驱动javascript开发 -- 3.测试驱动开发过程（上）
8
JavaScript FAQ（六）——字符串
9
用Three.js搞个炫酷3D地球
10
Nightwatch.js – 轻松实现浏览器的自动测试
1
阿里云云效操作报错合集之遇到Node.js的内存溢出问题，该怎么办
139
2
阿里云云效操作报错合集之Node.js构建报错，该如何排查问题
129
3
Nest.js 实战 (三)：使用 Swagger 优雅地生成 API 文档
144
4
Next.js静态出口生成策略深度解析
96
5
Node.js搭建REST API实战：从基础到部署
88
6
前端如何学习Node.js及Node.js的主要用途
78
7
Vue.js组件通信策略详解
60
8
网络爬虫开发：JavaScript与Python特性的小差异
61
9
Nest.js 实战 (二)：如何使用 Prisma 和连接 PostgreSQL 数据库
204
10
JavaScript 使用axios库发送 post请求给后端， 给定base64格式的字符串数据和一些其他参数， 使用表单方式提交， 并使用onUploadProgress显示进度
453