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

JS可以控制样式的名称写法一览

2017年02月06日 14 阅读

CSS语法（不区分大小写） JavaScript语法（区分大小写）border borderborder-bottom borderBottomborder-bottom-color borderBottomColorborder-bottom-style borderBottomStyleborder-bottom-width borderBottomWidthborder-color borderColorborder-...

js获取某元素的class里面的css属性值代码

2017年02月06日 14 阅读

用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById（"id"）.style.margin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性）。而下面方法则两者值都可以获取。实例效果图如下: js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。...

在firefox和Chrome下关闭浏览器窗口无效的解决方法

2017年02月06日 15 阅读

首先IE是可以通过window.close（）来关闭浏览器窗口的，但是在firefox和Chrome下是无效的。原因在于： Firefox下默认设置是无法通过脚本来关闭浏览器窗口的，为的是防止恶意脚本注入，所以调整的方式就是在url地址栏中输入about:config，然后在配置列表中找到 dom.allow_scripts_to_close_windows 点右键的选切换把上面的false修改为true即可。默认是false chrome下的默认...

jsPDF生成pdf后在网页展示实例

2017年02月06日 14 阅读

复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>jsPDF</title> <script type="text/javascript" src="jspdf.js"></script> <script type="tex...

jquery对元素拖动排序示例

2017年02月06日 14 阅读

完整代码：（aspx文件末尾有下载）复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h...

jquery预览图片实现鼠标放上去显示实际大小

2017年02月06日 13 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

jQuery - css（）方法示例详解

2017年02月06日 13 阅读

css（）方法设置或返回被选元素的一个或多个样式属性。设置 CSS 属性如需设置指定的 CSS 属性，请使用如下语法：复制代码代码如下: css（"propertyname","value"）; 下面的例子将为所有匹配元素设置 background-color 值：实例复制代码代码如下: $（"p"）.css（"background-color","yellow"）; 设置多个 CSS 属性如需设置多个 CSS 属性，请使用如下语法：...

js查找某元素中的所有图片地址的方法

2017年02月06日 14 阅读

复制代码代码如下: function findImg（） { var charImg = document.all（"chartImg"）.getElementsByTagName（"img"）; var imgURLs = ""; for （var i = 0; i < charImg.length; i++） { var imgPath = getImgPath（charImg[i].src）; var imgNames=getImgNames...

jQuery插件开发的两种方法及$.fn.extend的详解

2017年02月06日 14 阅读

jQuery插件开发分为两种： 1 类级别类级别你可以理解为拓展jquery类，最明显的例子是$.ajax（...）,相当于静态方法。开发扩展其方法时使用$.extend方法，即jQuery.extend（object）; 复制代码代码如下: $.extend（{ add:function（a,b）{return a+b;} , minus:function（a,b）{return a-b;} }）; 页面中调用：复制代码代码如下: var i...

jquery sortable的拖动方法示例详解

2017年02月06日 14 阅读

所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象 ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的元素 ui.placeholder - 占位符（如果有定义的话） u...

jQuery 滑动方法slideDown向下滑动元素

2017年02月06日 14 阅读

jQuery 滑动方法通过 jQuery，您可以在元素上创建滑动效果。 jQuery 拥有以下滑动方法： slideDown（）向下滑动元素 slideUp（）向上滑动元素 slideToggle（）在 slideDown（）与 slideUp（）方法之间进行切换。 jQuery slideDown（）方法 jQuery slideDown（）方法用于向下滑动元素。语法： $（selector）.slideDown（speed,callbac...

jQuery 设置 CSS 属性示例介绍

2017年02月06日 14 阅读

设置 CSS 属性如需设置指定的 CSS 属性，请使用如下语法：复制代码代码如下: css（"propertyname","value"）; 下面的例子将为所有匹配元素设置 background-color 值：实例复制代码代码如下: $（"p"）.css（"background-color","yellow"）; 设置多个 CSS 属性如需设置多个 CSS 属性，请使用如下语法：复制代码代码如下: css（{"propertynam...

jQuery 追加元素的方法如append、prepend、before

2017年02月06日 14 阅读

1.jQuery append（）方法 jQuery append（）方法在被选元素的结尾插入内容。实例复制代码代码如下: $（"p"）.append（"Some appended text."）; 2.jQuery prepend（）方法 jQuery prepend（）方法在被选元素的开头插入内容。实例复制代码代码如下: $（"p"）.prepend（"Some prepended text."）; 3、after（）和 be...

jQuery获得内容和属性示例代码

2017年02月06日 13 阅读

获得内容 - text（）、html（）以及 val（）三个简单实用的用于 DOM 操作的 jQuery 方法： text（） - 设置或返回所选元素的文本内容 html（） - 设置或返回所选元素的内容（包括 HTML 标记） val（） - 设置或返回表单字段的值获取属性 - attr（） jQuery attr（）方法用于获取属性值。下面的例子演示如何获得链接中 href 属性的值：实例复制代码代码如下: $（"button"）.cl...

jQuery$命名冲突怎么办如何解决

2017年02月06日 13 阅读

其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。其中某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，有可能导致脚本停止运行。 jQuery 的团队考虑到了这个问题，并实现了 ...

js window.open弹出新的网页窗口

2017年02月06日 15 阅读

复制代码代码如下: window.open（par,"","width=900,height=550,scrollbars=yes"）; par 访问路径 ...

js使用eval解析json（js中使用json）

2017年02月06日 14 阅读

先来说eval的用法，内容比较简单，熟悉的可以跳过eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下：复制代码代码如下:var s1=""a" + 2"; //表达式var s2="{a:2}"; //语句alert（eval（s1））; //->"a2"ale...

Js判断CSS文件加载完毕的具体实现

2017年02月06日 14 阅读

要判断这个 CSS 文件是否加载完毕，各个浏览器的做法差异比较大，这次要说IE浏览器做的不错，我们可以直接通过onload方法来处理CSS加载完成以后的处理：复制代码代码如下:// 代码节选至seajsfunction styleOnload（node, callback） { // for IE6-9 and Opera if （node.attachEvent） { node.attachEvent（"onload", callback）; // N...

JS阻止冒泡事件以及默认事件发生的简单方法

2017年02月06日 13 阅读

如果<p>是在<div>里面，那么呢，<P>有一个onclick事件，<div>也有onclick事件，为了触发<P>的点击事件时，不触发父元素的点击事件，那么就需要调用如下函数：复制代码代码如下:function stopBubble（e）{ if（e&&e.stopPropagation）{//非IE e.stopPropagation（）; } else{//IE window.event...

在javascript中如何得到中英文混合字符串的长度

2017年02月06日 15 阅读

有同事在公司的OA上发了个贴子，介绍在javascript中如何得到中英文混合字符串的长度。用的是正则表达式。复制代码代码如下: var str = ”坦克是tank的音译”; var len = str.match（/[^ -~]/g） == null ？ str.length : str.length + str.match（/[^ -~]/g）.length ; 我查了一下书，有点明白了：西文常用字符集由空格“ ”（0x20）到“~”（0x...

首页 / 脚本样式 / JavaScript

JS可以控制样式的名称写法一览

js获取某元素的class里面的css属性值代码

在firefox和Chrome下关闭浏览器窗口无效的解决方法

jsPDF生成pdf后在网页展示实例

jquery对元素拖动排序示例

jquery预览图片实现鼠标放上去显示实际大小

jQuery - css（） 方法示例详解

js查找某元素中的所有图片地址的方法

jQuery插件开发的两种方法及$.fn.extend的详解

jquery sortable的拖动方法示例详解

jQuery 滑动方法slideDown向下滑动元素

jQuery 设置 CSS 属性示例介绍

jQuery 追加元素的方法如append、prepend、before

jQuery获得内容和属性示例代码

jQuery$命名冲突怎么办如何解决

js window.open弹出新的网页窗口

js使用eval解析json（js中使用json）

Js判断CSS文件加载完毕的具体实现

JS阻止冒泡事件以及默认事件发生的简单方法

在javascript中如何得到中英文混合字符串的长度

jQuery - css（）方法示例详解