JavaScript资料,JavaScript文章,JavaScript文档-易库教程

关于scrollLeft,scrollTop的浏览器兼容性测试

2017年02月06日 17 阅读

今天在修改原群组弹窗的时候,发现弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样.逐一排查,肯定是在计算窗口位置的时候,少加了scrollTop这个值.在查看源代码的时候发现直接采用document.documentElement.scrollTop这个,但在chrome下这个值为0. 在有文档声明的情况下,也就是第一行有个dtd声明,标准浏览器认识document.documentElement.scrollTop,可chrome竟然不认识这斯...

getComputedStyle与currentStyle获取样式（style/class）

2017年02月06日 18 阅读

大家都知道，用document.getElementById（‘element"）.style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，如：getComputedStyle（obj,null）.paddingLeft，就能获取到对象的左内边距。但是事情还没完，...

JS文本框不能输入空格验证方法

2017年02月06日 20 阅读

1、只是不能输入空格复制代码代码如下:<input type="text" onkeyup="this.value=this.value.replace（/^ +| +$/g,""）">2、不能输入空格及英文状态下的逗号复制代码代码如下:<input type="text" onkeyup="this.value=this.value.replace（/[, ]/g,""）">3、复制代码代码如下:<script typ...

jQuery实现id模糊查询的小例子

2017年02月06日 19 阅读

eg_1. 在页面中查找某id图片集合，先放到代码：复制代码代码如下:<div id="cacheLayerContainer-CBS-882" > <img src="" id="CBS_1_0" style="width: 256px; height: 256px"> <img src="" id="CBS_1_1" style="width: 256px; height: 256px"> <img src=...

jQuery控制输入框只能输入数值的小例子

2017年02月06日 21 阅读

复制代码代码如下:<！DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script> </head> <script type=...

javascript中注册和移除事件的4种方式

2017年02月06日 22 阅读

对于html中的一些元素注册事件的方式有多种第一种：复制代码代码如下: <script> function test（） { alert（"OK"）; } </script> <a href="#" onclick="test（）">测试</a> 第二种：复制代码代码如下: <a href="#" id="a">测试</a> <script> function ...

javascript中节点的最近的相关节点访问方法

2017年02月06日 22 阅读

在javascript中对文档中每个节点都有 parentNode——父节点 firstChild——第一个子节点 lastChild——最后一个子节点 previousSibling——紧挨着的前面的兄弟节点 nextSibling——紧挨着的后面的兄弟节点五个相关的节点，这些节点可以不存在，为null。例如document就不包含父节点，文本节点（TextNode）就不包含子节点。这样就可以作短途旅行，访问当前节点的某些相关节点。另外还有chil...

javascript中[]和{}对象使用介绍

2017年02月06日 20 阅读

复制代码代码如下: var a=["apple","peach","banala"]; 上述是一个数组的另一种定义方式，它相当于复制代码代码如下: var a=new Array（）; a.push（"apple"）; a.push（"peach"）; a.push（"banala"）; 复制代码代码如下: var b={a:"apple",p:"peach",b:"banala"}; 上述是一个json对象前面有两个简洁的特殊的符号[]和...

jquery在Chrome下获取图片的长宽问题解决

2017年02月06日 16 阅读

遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。终于的终于，找到了答案。在大多数情况下,把js代码放到图片标签的后面：复制代码代码如下: <img id="test" src="**.jpg" /> <script> alert（document.getElementById（"test"）.width;<PRE c...

让图片旋转任意角度及JQuery插件使用介绍

2017年02月06日 19 阅读

引入下方的jquery.rotate.js文件，然后通过$（"选择器"）.rotate（角度）;可以旋转任意角度，例如$（"#rotate-image"）.rotate（45）;把这句放在$（document）.ready（function（）{ }）;中就是将id为rotate-image的图片旋转45度。不过，貌似在Chrome中总是不显示。唉，找了两个小时，才发现Chrome太坑爹了，没法获取图片的长宽。解决办法是，把$（"#rotate-...

js控制的回到页面顶端goTop的代码实现

2017年02月06日 19 阅读

有没有见过很多在页面的右下角有个【回到顶端】的悬浮东东，并且在开始时没有，一移动滚动条就出现，回到了顶端又消失的样子。像: 控制的js代码如下：复制代码代码如下: function goTop（）{ var _btn = document.getElementById（"goTop"）; if （document.documentElement && document.documentElement.scrollTop） { var _con = d...

asp.net中System.Timers.Timer的使用方法

2017年02月06日 20 阅读

我们经常会在网站中加一些定时执行的任务，比如生成静态页、执行邮件发送等。可以通过在Global.asax中这样设置来实现。复制代码代码如下:void Application_Start（object sender, EventArgs e） { // 在应用程序启动时运行的代码 System.Timers.Timer MT = new System.Timers.Timer（）; MT.Enabled = true; MT.Interval = 10...

javascript 三种方法实现获得和设置以及移除元素属性

2017年02月06日 21 阅读

以下面的html为例复制代码代码如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通过HTMLElement类型（对象）的属性获得和设置元素特性复制代码代码如下: var div = docume...

js或者jquery判断图片是否加载完成实现代码

2017年02月06日 20 阅读

网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？jquery提供一个方法：复制代码代码如下: 01.$（""）.load（function（）{...}）; 其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那么回事，正确的解决方法是：用js的o...

JSON+JavaScript处理JSON的简单例子

2017年02月06日 19 阅读

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl...

js控制滚动条缓慢滚动到顶部实现代码

2017年02月06日 19 阅读

先把下面的代码拷贝到个html中，运行看效果复制代码代码如下: <html> <head> <script type="text/javascript"> var currentPosition,timer; function GoTop（）{ timer=setInterval（"runToTop（）",1）; } function runToTop（）{ currentPosition=document.docu...

jquery的ajax请求全面了解

2017年02月06日 18 阅读

jquery中封装了一些ajax请求的方法，很实用。比如.ajaxComplete（）——请求完成时.ajaxError（）——请求失败时.ajaxSend（）——在Ajax请求发送时附加一个function去执行.ajaxStart（）——请求开始时，.ajaxStop（）——请求结束时.ajaxSuccess（）——请求成功时.load（）——从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post（）——使用HTTP POST请求加...

jQuery对象和Javascript对象之间转换的实例代码

2017年02月06日 21 阅读

复制代码代码如下:以下是本人的一些分享，我热爱编程，希望能多交编程的爱好者，如果你也是其中一名，那么请加好友，大家关注一下，下面的文章是自己觉得一些有用的东西，留下来给自己当笔记，当然也希望能帮助到你，首先感谢你的阅读~！如果我们在用jQuery作为客户端页面的脚本，时常都会涉及到jQuery对象和Javascript对象的相互转换。因为，DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法，但是...

事件冒泡是什么如何用jquery阻止事件冒泡

2017年02月06日 18 阅读

（1）什么是事件起泡首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去...

如何用js控制frame的隐藏或显示的解决办法

2017年02月06日 17 阅读

index.htm复制代码代码如下:<html><head><meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.D...

首页 / 脚本样式 / JavaScript

关于scrollLeft,scrollTop的浏览器兼容性测试

getComputedStyle与currentStyle获取样式（style/class）

JS文本框不能输入空格验证方法

jQuery实现id模糊查询的小例子

jQuery控制输入框只能输入数值的小例子

javascript中注册和移除事件的4种方式

javascript中节点的最近的相关节点访问方法

javascript中[]和{}对象使用介绍

jquery在Chrome下获取图片的长宽问题解决

让图片旋转任意角度及JQuery插件使用介绍

js控制的回到页面顶端goTop的代码实现

asp.net中System.Timers.Timer的使用方法

javascript 三种方法实现获得和设置以及移除元素属性

js或者jquery判断图片是否加载完成实现代码

JSON+JavaScript处理JSON的简单例子

js控制滚动条缓慢滚动到顶部实现代码

jquery的ajax请求全面了解

jQuery对象和Javascript对象之间转换的实例代码

事件冒泡是什么如何用jquery阻止事件冒泡

如何用js控制frame的隐藏或显示的解决办法