/*以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox */ //window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 解决方法:var event = event || window.event; example: 代码如下: function test(event) { var event = event || window.event; //do Something } //鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和...
一、容易被忽略的局部变量 代码如下: var a = 5; (function(){ alert(a); var a = a ++; alert(a); })() alert(a); 思考这段代码的执行结果。 执行后,看看是否和你想象的一致? ok,这段代码里核心的知识点是 var a = a++,其中两个变量 a 都是匿名函数内部的局部变量,是同一个,和全局变量 a 是不一样的。 为什么?我们来看看ECMA规范对变量声明语句的定义: 代码如下: Description If the variable statement occurs inside...
前年圣诞节上,西班牙程序员Roman Cortes带来了用纯javascript脚本编写的神奇3D圣诞树,令人印象深刻。2月14日情人节就要来临了,还是Roman Cortes,这次他又带来了用javascript脚本编写的红色玫瑰花。用代码做出的玫瑰花,这才是牛逼程序员送给女友的最好情人节礼物呢!(提示:在不同浏览器下观看效果、速度会有很大的不同) 图片是由代码生成,用户可以刷新该页面,重复观看这朵玫瑰的呈现过程。 3D玫瑰花的实现代码如下:with(m=...
HTML元素,属性已经十分丰富了。但是,在某些场合下,也会显得捉襟见肘,这时候自定义属性就发挥了十分关键的作用。 Html元素的自定义属性,使用起来,十分方便,例如: <input type=”button” value=”Click Me, Baby!” /> 假设我们现在需要限制,这个按钮,只能点击2次,然后就失效了。 通常的实现方式,是可以利用全局变量的形式来记录点击次数,但我们这里用自定义属性来实现这个功能,展示一下自定义属性的优势;我们对上面...
defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题,下面有个不错的示例,感兴趣的朋友可以参考下。<script src="../cgi-bin/delscript.js" defer></script> 中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题---有点问题 <button id="myButton" onclick="alert(ok)">test</button> <script> myButton.click(); </script> <script> myButton.click(); </script> <button id="myButton"...
兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); }, 200); } 调用方法: 代码如下: <iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this)...
本人热衷于解答网友的技术类问题,于是在百度知道栏目创办了“挨踢五四三”团队。 自团队创办以来,每天都有大量网友申请加入我的团队,于是审核团队新成员成了一个费力气的活儿。 在此情况下,我写了个脚本,自动计算他们的回答采纳率,采纳率低于20%的自动打勾 选中,等级太低的人也自动打勾选中。 然后只要点击一下“拒绝”按钮就可以了。 使用方法: 进入“审批新成员”的页面,再按住键盘上的shift键 并点击“审批新成员”选项...
在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢? 我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况(一般为 loading 、loaded、interactive、complete),当返回状态为...
它们很强大,但有时候也会得不偿失。如果你使用的是jQuery,它里面有一个内置的方法可以用来加载单个js文件。当你需要延迟加载一些js插件或其它类型的文件时,可以使用这个方法。下面就介绍一下如何使用它! 一、jQuery getScript()方法加载JavaScript jQuery内置了一个方法可以加载单一的js文件;当加载完成后你可以在回调函数里执行后续操作。最基本的使用jQuery.getScript的方法是这样: 代码如下:jQuery.getScript("/path/to/m...
asp.net webform中获取服务器控件,js脚本获取服务器控件需要使用ClientID web前台获取控件: 会打印出TextBox1的控件ID js脚本中获取webform控件:(实现当鼠标移到控件时,控件颜色变成红色) 代码如下: function myFuntion() { document.getElementById('').onmouseover=function(){ this.style.background='red'; } } JavaScript教程/参考手册 JavaScript热搜 Vue组件中prop属性使用说明实例代码详解自定义vue组件发布...
使用 conditional comment 来判断 IE 的版本。嗯,是早早有人提出,但没有认真看代码。昨天刚好在看 CSS3 PIE 的时候看到,觉得是不是不靠谱。今天看到 Paul Irish 也提起,那么,推荐一下吧。这是作者博客上写的: 代码如下:// ----------------------------------------------------------// A short snippet for detecting versions of IE in JavaScript// without resorting to user-agent sniffing// -----------------------...
手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行;还有就是用到css3里的 transform:translate(x,y);移动元素,不过发现在不支持css3的设备上马上完蛋了,所 有下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动;在这里就简单介绍一下遇到的问题和解决的方法; 问题一:给图片加上链接后,在拖动...
手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行;还有就是用到css3里的 transform:translate(x,y);移动元素,不过发现在不支持css3的设备上马上完蛋了,所以下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动;在这里就简单介绍一下遇到的问题和解决的方法; 问题一:给图片加上链接后,在拖动的...
今天做一个小软件遇到一个问题,就是在一个页面里面需要放一个iframe框架来预览网站,可是被预览的这个网站中含有很多js脚本,如弹出窗口,提示框,最可恶的是一直让设为首页和加入收藏,我想应该有办法禁止iframe里面的脚本吧,于是百度了一下,还发现不少新大陆,于是解决了这个问题,记录下来,方便以后查询,也方便大家参考:fillseo.html里面有个js脚本,其中有alert,还有弹出窗口,很可恶吧,如何禁止掉它们? 而且这个fill...
在深圳做项目的时候,需要一个用户上传头像预览的功能!是在网上找了好多,都不太满意。要么是flash的,要么是Ajax上传后返回图片路径的,要么压根就是不能用的。幸运的是在这个项目以前有人写过一个图片预览的功能,还被我给翻了出来,在这里做个记录,方便自己以后用,也方便其他需要的朋友! 代码很简单,如下:By:DragonDean//下面用于图片上传预览功能 function setImagePreview(avalue) { var docObj=document.getElementBy...