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

jquery事件与函数的使用介绍

2017年02月06日 18 阅读

1.绑定事件方法1：使用这个方法可以在页面加载时为元素增加事件复制代码代码如下: $（"#myElement"）.click（function（）{ alert（$（this）.text（））; }）方法2：和1一样，还可以在页面加载之后为元素增加事件，如创建新的DOM元素复制代码代码如下: $（"#myElement"）.bing（"click",function（）{ alert（$（this）.text（））; }） 2.函数声明...

getJSON调用后台json数据时函数被调用两次的原因猜想

2017年02月06日 18 阅读

近期在做前端开发时候使用到getJSON调用后台去json数据，发现后台的函数被调用两次，函数名称为getMessages，多方调查结合网上兄弟经验发现，只要函数名不以get开头就没这个问题了，本人大胆猜测，应该是请求返回的时候构造json数据时，调用所有get开头的函数，然后取得返回值然后构造响应。所以，以get开头的函数做action的函数时，首先响应请求调用了一次，然后构造响应又调用了一次。...

基于jquery实现一张图片点击鼠标放大再点缩小

2017年02月06日 18 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery-1.8.3.min.js"></script> <script&...

jquery判断RadioButtonList和RadioButton中是否有选中项示例

2017年02月06日 18 阅读

复制代码代码如下: <pre class="html" name="code"> <%--Body 代码--%> <div> <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem Value="A">a</asp:ListItem> <asp:ListItem Value="B">...

js中的scroll和offset 使用比较的实例与分析

2017年02月06日 18 阅读

1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.3.offsetWidth :当前对象的宽度.与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth...

jquery中focus（）函数实现当对象获得焦点后自动把光标移到内容最后

2017年02月06日 19 阅读

复制代码代码如下: setFocus=function（id）{ var t=$（"#"+id）.val（）; $（"#"+id）.val（""）.focus（）.val（t）; } 把焦点光标移动到id的文本最后。 jquery获取焦点后光标在字符串后,当input获得焦点后，自动把光标移到文本内容的最后,jQuery用focus（）使文本输入框获得焦点且焦点在文字的最右的方法复制代码代码如下: //获取焦点后光标在字符串后 //其原理就是获得焦...

javascript完美拖拽的实现方法

2017年02月06日 19 阅读

HTML代码：复制代码代码如下:<！DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="style.css" /><script type="text/javascript" src="drag.js">&...

在父页面调用子页面的JS方法

2017年02月06日 18 阅读

今天弄了一天了，终于在网上找到了解决办法注意：问题是在父页面调用子页面的方法。。。。。父页面：parent.html复制代码代码如下:<！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/1...

js获取URL的参数的方法（getQueryString）示例

2017年02月06日 19 阅读

复制代码代码如下: function getQueryString（name） { var reg = new RegExp（"（^|&）" + name + "=（[^&]*）（&|$）", "i"）; var r = location.search.substr（1）.match（reg）; if （r ！= null） return unescape（decodeURI（r[2]））; return null; } 该方法默认返回的是 strin...

js借助ActiveXObject实现创建文件

2017年02月06日 18 阅读

复制代码代码如下: var strCert=“ssssss”; var fso=new ActiveXObject（"Scripting.FileSystemObject"）; var f=fso.CreateTextFile（"C:\abc.cer",true）; //可随意选择后缀名 f.write（strCert）; f.Close（）; ...

js防止表单重复提交的两种方法

2017年02月06日 16 阅读

第一种：用flag标识，下面的代码设置checkSubmitFlg标志：复制代码代码如下: <script language="”javascript”"> var checkSubmitFlg = false; function checkSubmit（）{ if（checkSubmitFlg ==true）{ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 } c...

JS实现金额转换（将输入的阿拉伯数字）转换成中文的实现代码

2017年02月06日 19 阅读

复制代码代码如下:<！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-Typ...

jquery得到font-size属性值实现代码

2017年02月06日 18 阅读

复制代码代码如下: var fontSize = $（this）.attr（"style",function（i,s）{ return s.replace（/font-size:s*（d+.{0,1}d*）/, function（a）{ return a + "px"; }）; }）; //console.debug（"font-size: "+ $（this）.attr（"style"）.match（/（？:font-size:）s*（d+.{0,1}...

jquery提取元素里的纯文本不包含span等里的内容

2017年02月06日 18 阅读

复制代码代码如下: var text = ""; $（"div"）.contents（）.each（function（）{ if（this.nodeType === 3）{ text += this.wholeText; } }）; nodeType元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9 ...

jquery配合css简单实现返回顶部效果

2017年02月06日 19 阅读

CSS：复制代码代码如下: .backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px;...

jquery更换文章内容与改变字体大小代码

2017年02月06日 19 阅读

复制代码代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript教程" src="到jquery官网下载jquery文件.js"></script> <script>...

js有序数组的连接问题

2017年02月06日 16 阅读

1.前言昨天碰到一道关于如何解决有序数组的连接问题，这是一个很常见的问题。但是这里要考虑到代码的效率问题，因为要连接的数组都是有序的，这是一个非常重要的前提条件。2.简单但效率不高的算法我首先想到的是使用内置的concat方法，然后再对其进行排序，这种方法完全没有考虑到数组是有序的前提条件，代码如下：复制代码代码如下:function concatSort（arrA,arrB）{ return arrA.concat（arrB）.sort（）; ...

JavaScript DOM 编程艺术（第2版）读书笔记（JavaScript的最佳实践）

2017年02月06日 16 阅读

1、防止滥用JavaScript“不管你想通过JavaScript改变哪个网页的行为，都必须三思而后行。首先要确认：为这个网页增加这种额外的行为是否确有必要？”个人认为，作者的这句话放在当前几乎无处不用JavaScript来增强Web页面交互体验的时代，可以理解为应该适当的使用JavaScript，而不要因为使用了实现酷炫效果的脚本导致网页加载缓慢或者兼容性极差而舍本求末，导致用户无法浏览和使用网站。2、平稳退化平稳退化是指当用户禁用浏览器JavaScri...

javascript不可用的问题探究

2017年02月06日 14 阅读

我第一次遇到这个问题还是在DHTML盛行的时代. 我们对浏览器无所不用其极, 加上各种动画菜单、3D标签（我们现在已经学会不再使用这些了）, 但总有人告诉我们javascript不可用.谁禁用了javascript第一个要问的问题是这些javascript不可用的环境在哪里. 下面是一些可能的答案：安全系统比如noscript或者公司代理过滤掉了javascript; 功能手机比如旧式黑莓（我还记得将旧式黑莓换到Opera Mini以获得总算还过得去的上网...

JavaScript的事件绑定（方便不支持js的时候）

2017年02月06日 17 阅读

首先，比如我们使用JavaScript来加强我们的网页，但是我们要考虑到，如果用户的浏览器不支持JavaScript，或者用户disable了JavaScript的功能，那我们的网页能不能正常显示呢？例如下面的例子，复制代码代码如下:<a href = "#" onclick = "popUp（"http://www.jb51.net"） ; return false;">其中popUp这个函数是自定义的，新打开一个窗口来限制URL中的网页。...

首页 / 脚本样式 / JavaScript

jquery事件与函数的使用介绍

getJSON调用后台json数据时函数被调用两次的原因猜想

基于jquery实现一张图片点击鼠标放大再点缩小

jquery判断RadioButtonList和RadioButton中是否有选中项示例

js中的scroll和offset 使用比较的实例与分析

jquery中focus（）函数实现当对象获得焦点后自动把光标移到内容最后

javascript完美拖拽的实现方法

在父页面调用子页面的JS方法

js获取URL的参数的方法（getQueryString）示例

js借助ActiveXObject实现创建文件

js防止表单重复提交的两种方法

JS实现金额转换（将输入的阿拉伯数字）转换成中文的实现代码

jquery得到font-size属性值实现代码

jquery提取元素里的纯文本不包含span等里的内容

jquery配合css简单实现返回顶部效果

jquery更换文章内容与改变字体大小代码

js有序数组的连接问题

JavaScript DOM 编程艺术（第2版）读书笔记（JavaScript的最佳实践）

javascript不可用的问题探究

JavaScript的事件绑定（方便不支持js的时候）