文章分类 - javascript
摘要：单例模式 1 var mySingleton = (function(){ 2 var instance; 3 function init(){ 4 function privateMehod(){ 5 console.log(111); 6...
阅读全文
摘要：1.一段查找HTML中图片URL的JS2.获取url里面的值/* * 获取url里面的realName * url = "jms/imDown?groupId=100000003602&realName=1997430f-1c01-4db9-905b-26d074deb171.mp3&display...
阅读全文
摘要：screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动。所以pageX》=clientX；
阅读全文
摘要：第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。 hidden 评论数据载入中&
阅读全文
摘要：1.网页换肤：改变样式表document.getElementById('link1').href='css1.css2.绝对偏移位置获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。var p = $("p:last");var offset = p.offset();p.html( "left: " + offset.left + ", top: " + offset.top );3.相对偏移位置获取匹配元素相对父元素的偏移。返回的对象包含两个整型属
阅读全文
摘要：encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个函数。它们都是用来对URI （RFC-2396）字符串进行编码的全局函数，但是它们的处理方式和使用场景有所不同。为了解释它们的不同，我们首先需要理解RFC-2396中对于URI中的字符分类保留字符（reserved characters）：这类字符是URI中的保留关键字符，它们用于分割URI中的各个部分。这些字符是：";" | "/" | "?" |
阅读全文
摘要：window.location方法获取URLURL：统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成：Html代码scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数，可选，省略时使用方案的默认端口，如http的默认端口为80。path:路径由零或多个"/"符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。query:查询可选，用于给动
阅读全文
摘要：区分apply,call就一句话, foo.call(this,arg1,arg2,arg3)==foo.apply(this,arguments)==this.foo(arg1,arg2,arg3)call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.相同点:两个方法产生的作用是完全一样的不.
阅读全文
摘要：iframe父子窗口间JS方法调用父窗口调用iframe子窗口方法<iframenameiframename="myFrame"src="child.html"></iframe>myFrame.window.functionName(); iframe子窗口调用父窗口方法parent.functionName();父页面调用子页面的方法可通过：FrameName.window.childMethod();(这种方式兼容各种浏览器)子页面调用父页面的方法：parent.window.parentMethod();DOM元素访问根据
阅读全文
摘要：表格对象的insertRow和insertCell方法有一个默认的参数-1，表示在当前行或者单元格后插入行和单元格。在ie中可以不用填写这个参数，但是在firefox浏览器下必须加上这个参数否则就会出现缺少参数的错误。row = document.getElementById(id).insertRow(-1);cell = row.insertCell(-1);
阅读全文
摘要：一、Arguments该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function ：选项。当前正在执行的 Function 对象的名字。n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明：Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是个类似数组但不是数组的对象，说他类似数组是因为其具备数组相同的访问性质及方式，能够由arguments[n]来访问对应的单个参数的值，并拥有数组长度属性length。还有就是arguments对象存储的是实际传递给函数的参数，而不局限于
阅读全文
摘要：使用js操作css属性的写法：和css中的写法不同：1、对于没有中划线的css属性一般直接使用style.属性名即可。如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。2、对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。这个规律我想大多数的前端开发者也都熟知。对在css中有一个特殊的属性其js使用
阅读全文
摘要：window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如：1,window.opener.test(); ---调用父窗体中的test()方法 2,如果window.opener存在,设置parentForm中stockBox的值。 if (window.opener && !window.ope
阅读全文
摘要：IE8及以下浏览器是不认识getElementsByClassName的，那我们现在写个方法，使其支持，方法如下：<script type="text/javascript">// <
浙公网安备 33010602011771号