For循环onclick事件闭包问题

ERROR:控制台会报出: is not defined 错误问题描述 : 如果我们对于一组元素(相同的标签)同时进行onclick事件处理的时候(在需要获取到索引的时候),一般是写一个for循环,但是onclick是一个异步调用的,所以会带来一个问题,当我们触发这个事件的时候,我们能获取的i值是for完整执行完后i的值,而不能获取到代码顺序里i的值以前惯用的解决方式 <script

- 阅读全文 -

Javascript获取图片路径(兼容)

每日鸡汤: 只要认真计划一件事,并且一边坚持一边调整,往往会完成得十分出色。懈怠的情绪谁都会有,不要担心自己比别人走得慢,也不要因暂时的挫折心灰意冷,只要不断调整心态,不停下脚步,最终能抵达终点。 <h1>JS获取文件域完整路径的方法,兼容不同浏览器</h1> <div id="text" style="color:#f0

- 阅读全文 -

原生JS表单验证及提交( FormData )

FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,FormData对象可以让我们组织一个使用XMLHttpRequest对象发送的键值对的集合。它主要用于发送表单数据,但是可以独立于使用表单传输的数据。本文主要记录FormData对象的使用以及异步提交说明。一、创建一个FormData对象你可以创建一个你自己的FormData对象,然后通过appen

- 阅读全文 -

Web奇技淫巧

文字超出隐藏变... white-space: nowrap; //强制不换行 text-overflow: ellipsis; //超出变省略号 overflow: hidden; //超出隐藏 word-wrap: break-word; //英文单词换行 // 规定超出几行显示'···' -webkit-box-orient: vertical; -webkit-line-cla

- 阅读全文 -

Js + Css3 制作一个导航条

前言:有些站长说想做一个手机适应的网站,但是导航太难了, 如果要使用框架的话,代码非常多,冗余.再用IDE打开,那直接就不响应了; 用简单的代码来实现,js,css3利用的好,同样可以做出好看实用的导航,关键是代码极少. PS : 摘录来自https://www.yangqq.comHtml: <div id="mnav"> <h2 id="

- 阅读全文 -

漂亮的Nav导航动效

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Nav导航动效</title> </head> <style> *{margin:0;padding

- 阅读全文 -

原生JS超级简单轮播切换( 入门 )

每日鸡汤: “我来不及认真地年轻,待明白过来时,只能选择认真地老去。” 还好我还年轻。1 . HTML <div class="imgBox"> <img src="http://www.cheyifu2016.com/images/slider/slider01.png" alt="">

- 阅读全文 -