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

js实现单一html页面两套css切换代码

2017年02月06日 16 阅读

今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果，具体方法如下：第一步：在连接样式表的元素里定义一个id,例如复制代码代码如下: <link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”> 我定义的id是css。第二步：写一个js函数，代码如下：复制代码代码如下: <script type=”text/javascript”>...

Js中setTimeout（）和setInterval（）何时被调用执行的用法

2017年02月06日 20 阅读

定义setTimeout（）和setInterval（）经常被用来处理延时和定时任务。setTimeout（）方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval（）则可以在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。从定义上我们可以看到两个函数十分类似，只不过前者执行一次，而后者可以执行多次，两个函数的参数也相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数。很简单的定义，使用起来也很简单...

关于JavaScript与HTML的交互事件

2017年02月06日 19 阅读

JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件流事件流描述的是从页面中接收事件的顺序，比如有两个嵌套的div，点击了内层的div，这时候是内层的div先出发click事件还是外层先触发？目前主要有三种模型IE的事件冒泡：事件开始时由最具体的元素接收...

关于JavaScript中string 的replace

2017年02月06日 18 阅读

replace（）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法：string.replace（subStr/reg,replaceStr/function）第一个参数可以是字符串的子字符串，也可以是一个正则表达式，第二个参数可以是一个字符串或者一个处理方法，下面我们分别看看复制代码代码如下:document.write（"1234".replace（1, "X"））;我们可以得到结果：X234，很正常，但是复制代码...

深入理解JavaScript 闭包究竟是什么

2017年02月06日 19 阅读

1.简单的例子首先从一个经典错误谈起，页面上有若干个div，我们想给它们绑定一个onclick方法，于是有了下面的代码复制代码代码如下:<div id="divTest"> <span>0</span> <span>1</span> <span>2</span> <span>3</span> </div> <div id="di...

用JavaScript获取DOM元素位置和尺寸大小的方法

2017年02月06日 19 阅读

在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果，这种时候我们经常会用到一些元素位置和尺寸的计算，浏览器兼容性问题也是不可忽略的一部分，要想写出预想效果的JavaScript代码，我们需要了解一些基本知识。基础概念为了方便理解，我们需要了解几个基础概念，每个HTML元素都有下列属性offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetL...

基于JavaScript实现获取鼠标点击位置坐标的方法

2017年02月06日 20 阅读

在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边距，不考虑iframe因素，不同浏览...

Javascript实现滑块滑动改变值的实现代码

2017年02月06日 21 阅读

最近做了一个关于税务的功能，值得一说的是本页面的滑块实现。大家都知道现实中的程序员大部分都是对于页面和美工不是很熟悉。本人也是，但是本人比较喜欢自己动手来实现。废话不多说。上图：实现结果:部分js代码：复制代码代码如下: window.onload = function （） { var oWin = document.getElementById（"win"）; var bDrag = false; var disX = disY = 0; oW...

jQuery插件实现屏蔽单个元素使用户无法点击

2017年02月06日 21 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="http://ajax.go...

jQuery contains过滤器实现精确匹配使用方法

2017年02月06日 17 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <！--<script src="http://...

原生js实现查找/添加/删除/指定元素的class

2017年02月06日 20 阅读

复制代码代码如下: window.onload = function（）{ var gaga = document.getElementById（ "gaga" ）; addClass（ gaga,"gaga1" ） addClass（ gaga,"gaxx" ）; removeClass（ gaga,"gaga1" ） removeClass（ gaga,"gaga" ） function hasClass（ elements,cName ）{ ret...

使用jQuery清空file文件域的解决方案

2017年02月06日 20 阅读

般来说，在对一个文件域（input type=”file”）使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val（“”））那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。而在Firefox下，其中的值也会被一同复制，那么我们就顺便清空一下就...

关于query Javascript CSS Selector engine

2017年02月06日 16 阅读

query是一个javascript css selector engine，小巧而功能强大，压缩后2k左右，可以很轻松的集成到代码当中。支持浏览器IE6+、Firefox、Chrome、Safari、Opera选择器query（selector[,context]） div #intro div#intro .red span.red [name] [name=keywords] input[name] input[name=keywords]...

引用外部js乱码问题分析及解决方案

2017年02月06日 21 阅读

在web开发中我们一般都会不可避免的使用js。我们可以将js代码直接放在页面中即通过内部使用js。但是为了给页面良好的"瘦身"我们一般都会将js代码放在外部，然后通过src引用。这个时候我们就需要注意一个问题：编码问题。如果web页面也js采用不同编码，这个时候就会出现乱码。（内部使用js不需要注意编码问题，因为他们采用的是同一种编码）对于大多数的web页面，我们一般都是使用如下两种编码：UTF-8、GB2312。所以我们只需要同意页面和js编码就可以解...

有关javascript的性能优化（repaint和reflow）

2017年02月06日 16 阅读

复制代码代码如下:repaint（重绘），repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。reflow（渲染），与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素（祖先），这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。何时发生：. DOM元素的添...

Javascript的时间戳和php的时间戳转换注意事项

2017年02月06日 19 阅读

这里要注意的是js的时间戳是13位，php的时间戳是10位,转换函数如下：复制代码代码如下: var nowtime = （new Date）.getTime（）;/*当前时间戳*/ /*转换时间，计算差值*/ function comptime（beginTime,endTime）{ var secondNum = parseInt（（endTime-beginTime*1000）/1000）;//计算时间戳差值 if（secondNum>=0...

图片轮换效果实现代码（点击按钮停止执行）

2017年02月06日 18 阅读

在这个小程序中，需要把images文件夹下图片的命名设置为有顺序的，1、2、3…… 复制代码代码如下: <script type="text/javascript"> var imgnumb = 1; function imgfor（） { imgnumb++; document.getElementById（"img1"）.setAttribute（"src", "images/" + imgnumb + ".jpg"）; if （imgn...

location对象的属性和方法应用（解析URL）

2017年02月06日 19 阅读

location对象提供了很多属性和方法用来解析URL。复制代码代码如下: <head> <title></title> <script type="text/javascript"> var uristr = window.location.search.substr（1）; var array = uristr.split（"&&"）; for （var i = 0; i < array.len...

js弹出层（jQuery插件形式附带reLoad功能）

2017年02月06日 21 阅读

之前做一个项目，感觉里面的弹出层做的挺好，但是代码结构有问题，这次用到了，重构了一下，改成jQuery的插件形式，并增加了reLoad的功能，感觉还不错，代码如下：复制代码代码如下: （function（$）{ $.module={ _showCoverLayer:function（）{//显示遮盖层 this.coverLayer=$（"#TB_overlay"）; var height=$（document）.height（）+"px"; var ...

js按指定格式显示日期时间的样式代码

2017年02月06日 19 阅读

/// /// 格式化显示日期时间 /// /// 待显示的日期时间，例如new Date（） /// 需要显示的格式，例如yyyy-MM-dd hh:mm:ss function date2str（x,y） { var z = {M:x.getMonth（）+1,d:x.getDate（）,h:x.getHours（）,m:x.getMinutes（）,s:x.getSeconds（）}; y = y.replace（/（M+|d+|h+|m...

首页 / 脚本样式 / JavaScript

js实现单一html页面两套css切换代码

Js中setTimeout（）和setInterval（） 何时被调用执行的用法

关于JavaScript与HTML的交互事件

关于JavaScript中string 的replace

深入理解JavaScript 闭包究竟是什么

用JavaScript获取DOM元素位置和尺寸大小的方法

基于JavaScript实现 获取鼠标点击位置坐标的方法

Javascript实现滑块滑动改变值的实现代码

jQuery插件实现屏蔽单个元素使用户无法点击

jQuery contains过滤器实现精确匹配使用方法

原生js实现查找/添加/删除/指定元素的class

使用jQuery清空file文件域的解决方案

关于query Javascript CSS Selector engine

引用外部js乱码问题分析及解决方案

有关javascript的性能优化 （repaint和reflow）

Javascript的时间戳和php的时间戳转换注意事项

图片轮换效果实现代码（点击按钮停止执行）

location对象的属性和方法应用（解析URL）

js弹出层（jQuery插件形式附带reLoad功能）

js按指定格式显示日期时间的样式代码

Js中setTimeout（）和setInterval（）何时被调用执行的用法

基于JavaScript实现获取鼠标点击位置坐标的方法

有关javascript的性能优化（repaint和reflow）