JS中引入闭包

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>00_引入</title>
</head>
<body><button>测试1</button>
<button>测试2</button>
<button>测试3</button>
<!--
需求: 点击某个按钮, 提示"点击的是第n个按钮"
-->
<script type="text/javascript">var btns = document.getElementsByTagName('button')/* //有问题for(var i=0,length=btns.length;i<length;i++) {var btn = btns[i]btn.onclick = function () {alert('第'+(i+1)+'个')}}*///解决一: 保存下标/*for(var i=0,length=btns.length;i<length;i++) {var btn = btns[i]btn.index = ibtn.onclick = function () {alert('第'+(this.index+1)+'个')}}*///解决办法: 利用闭包for(var i=0,length=btns.length;i<length;i++) {(function (i) {var btn = btns[i]btn.onclick = function () {alert('第'+(i+1)+'个')}})(i)}
</script>
</body></html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/325514.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Android图片处理

Android图片处理

1、资源文件转bitmap Bitmap bitmap BitmapFactory.decodeResource(getResources(), R.drawable.admin, null); 2、相册URi转bitmap Bitmap bitmap BitmapFactory.decodeStream(getActivity().getContentResolver().openInputStream(uri));3、bitmap转圆形图片 public stat…
阅读更多...
深刻理解：C#中的委托、事件

深刻理解：C#中的委托、事件

C#中的事件还真是有点绕啊&#xff0c;以前用JavaScript的我&#xff0c;理解起来还真是废了好大劲&#xff01;刚开始还真有点想不明白为什么这么绕&#xff0c;想想和JS的区别&#xff0c;最后终于恍然大悟&#xff01; C#中事件绕的根本原因&#xff1a; C#的方法&#xff…
阅读更多...
mybatis中，collection配置后查询只显示一条记录

mybatis中，collection配置后查询只显示一条记录

描述一下问题&#xff1a; 已知有两个表&#xff0c;一个是user表&#xff0c;一个是address,一&#xff08;user&#xff09;对多(address)的关系&#xff0c;在user的实体类里面写属性&#xff1a; private List<Address> addressList new ArrayList<Address>(…
阅读更多...
Java中的List你真的会用吗

Java中的List你真的会用吗

转载自 Java中的List你真的会用吗 List是Java中比较常用的集合类&#xff0c;关于List接口有很多实现类&#xff0c;本文就来简单介绍下其中几个重点的实现ArrayList、LinkedList和Vector之间的关系和区别。 List List 是一个接口&#xff0c;它继承于Collection的接口。它…
阅读更多...
Android 全局字体设置 例如楷体

Android 全局字体设置 例如楷体

1、在res下新建资源文件目录font&#xff0c;把字体文件拷贝到font文件夹中 2、在AndroidManifest.xml中的application节点下&#xff0c;设置全局style&#xff0c;引入字体文件 <item name"android:fontFamily">font/pingfang_sc_regular</item>或者
阅读更多...
JS中闭包的简介

JS中闭包的简介

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>01_理解闭包</title> </head> <body> <!-- 1. 如何产生闭包?* 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)…
阅读更多...
.Net Core中使用ref和Spanamp;lt;Tamp;gt;提高程序性能

.Net Core中使用ref和Spanamp;lt;Tamp;gt;提高程序性能

一、前言 其实说到ref&#xff0c;很多同学对它已经有所了解&#xff0c;ref是C# 7.0的一个语言特性&#xff0c;它为开发人员提供了返回本地变量引用和值引用的机制。Span 也是建立在ref语法基础上的一个复杂的数据类型&#xff0c;在文章的后半部分&#xff0c;我会有一个例…
阅读更多...
微服务为什么选Spring Cloud

微服务为什么选Spring Cloud

转载自 微服务为什么选Spring Cloud 现如今微服务架构十分流行&#xff0c;而采用微服务构建系统也会带来更清晰的业务划分和可扩展性。同时&#xff0c;支持微服务的技术栈也是多种多样的&#xff0c;本系列文章主要介绍这些技术中的翘楚——Spring Cloud。这是序篇&#x…
阅读更多...
压力与动力是否成正比？

压力与动力是否成正比？

昨天在班里测试了下&#xff0c;检测他们数据库学的怎么样&#xff0c;看他们平时在课堂上的互动挺棒。看了下题&#xff0c;不是很难&#xff0c;满怀着愉悦的心情去打印了50份&#xff0c;挨个分发下去&#xff0c;由于我18级那边有课要上&#xff0c;所以这边的考试就辛苦王…
阅读更多...
Android 获取屏幕宽度和高度直接转换为DP

Android 获取屏幕宽度和高度直接转换为DP

WindowManager wm (WindowManager) getActivity().getSystemService(Context.WINDOW_SERVICE);DisplayMetrics dm new DisplayMetrics();wm.getDefaultDisplay().getMetrics(dm);int width dm.widthPixels; // 屏幕宽度&#xff08;像素&#xff09;int height dm.…
阅读更多...
[开源] 基于ABP,Hangfire的开源Sharepoint文件同步解决方案----SuperRocket.SPSync

[开源] 基于ABP,Hangfire的开源Sharepoint文件同步解决方案----SuperRocket.SPSync

&#xff08;一&#xff09;项目背景 Sharepoint是微软的一个产品&#xff0c;很多公司都在使用它&#xff0c;也有很多公司以前使用它&#xff0c;现在可能需要移植到别的平台&#xff0c;也可能只是移植其中的文件存储&#xff0c;比如说移植到微软云&#xff0c;或者亚马逊云…
阅读更多...
Spring Boot 2.x 启动全过程源码分析（上）入口类剖析

Spring Boot 2.x 启动全过程源码分析（上）入口类剖析

转载自 Spring Boot 2.x 启动全过程源码分析&#xff08;上&#xff09;入口类剖析 Spring Boot 的应用教程我们已经分享过很多了&#xff0c;今天来通过源码来分析下它的启动过程&#xff0c;探究下 Spring Boot 为什么这么简便的奥秘。 本篇基于 Spring Boot 2.0.3 版本进…
阅读更多...
永远不要、不要、不要、不要放弃

永远不要、不要、不要、不要放弃

Never, never, never, never give up. 永远不要、不要、不要、不要放弃。今天来写一下18级学生们的状态吧&#xff0c;最近主要是解决了1班的三大问题&#xff0c;第一&#xff0c;上机测试问题。第二&#xff0c;周一到四期间学习任务安排问题。第三&#xff0c;学习氛围的进一…
阅读更多...
JS的时间定时器

JS的时间定时器

<script>var t null;t setTimeout(time, 1000); //開始运行function time() {clearTimeout(t); //清除定时器dt new Date();var y dt.getFullYear();var mt dt.getMonth() 1;var day dt.getDate();var h dt.getHours(); //获取时var m dt.getMinutes(); //获取分…
阅读更多...
Android隐藏状态栏和标题栏

Android隐藏状态栏和标题栏

requestWindowFeature(Window.FEATURE_NO_TITLE);// 隐藏标题栏getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);// 隐藏状态栏setContentView(R.layout.activity_ceshi);
阅读更多...
微软正式发布XAML Standard与.NET Standard 2.0：现已提供下载

微软正式发布XAML Standard与.NET Standard 2.0：现已提供下载

微软在本月早些时候召开的 Build 2017 开发者大会上的披露的 XAML Standard 和 .NET Standard 2.0&#xff0c;现已正式发布。新工具旨在为开发者们带来“基于同一标准的跨平台 XAML 语言结构”&#xff08;基于 UWP 和 Xamarin.Forms&#xff09;&#xff0c;以及基于社区反馈…
阅读更多...
Spring Boot 2.X 来临，本文将带你起飞

Spring Boot 2.X 来临，本文将带你起飞

转载自 Spring Boot 2.X 来临&#xff0c;本文将带你起飞 当前互联网技术盛行&#xff0c;以Spring 框架为主导的Java 互联网技术成了主流&#xff0c;而基于Spring 技术衍生出来的Spring Boot&#xff0c;采用了“约定优于配置”的思想&#xff0c;极大地简化了Spring 框架…
阅读更多...
时间胶囊——给未来的留言板

时间胶囊——给未来的留言板

时间胶囊”是一个给未来的留言板&#xff0c;你可以为自己&#xff0c;朋友&#xff0c;爱人&#xff0c;家人&#xff0c;或者任何人留下你现在想对他们说的话、图片&#xff0c;将来某一天&#xff0c;他们将来这里打开“时间胶囊”读到你的留言&#xff01;那么“时间胶囊”…
阅读更多...
Echarts五步法加初体验

Echarts五步法加初体验

使用步骤&#xff1a; 引入echarts 插件文件到html页面中准备一个具备大小的DOM容器 <div id"main" style"width: 600px;height:400px;"></div>初始化echarts实例对象 var myChart echarts.init(document.getElementById(main));指定配置项…
阅读更多...
Android软键盘弹出时，覆盖布局，不是把布局顶上去的解决方法

Android软键盘弹出时，覆盖布局，不是把布局顶上去的解决方法

方法一&#xff1a; 在你的activity中的oncreate中setContentView之前写上这个代码 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);方法二&#xff1a; 如果想activity页面整体上移&#xff0c;在项目的AndroidManifest.xml文件中界面对应…
阅读更多...
最新文章

Copyright @ 2022~2023