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

jquery的attr方法禁用表单元素禁用输入内容

2017年02月06日 12 阅读

<！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jquery禁用...

用jquery的方法制作一个简单的导航栏

2017年02月06日 12 阅读

<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学习导航栏的制作</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script> $（document）.ready（function...

js代码实现的加入收藏效果并兼容主流浏览器

2017年02月06日 15 阅读

//加入收藏 function AddFavorite（）{ if （document.all） { addToBookMark（window.location.href, document.title）; } else if （window.sidebar） { addToBookMark（document.title, window.location.href）; } }function addToBookMark（url,title）{var ua ...

js自定义鼠标右键的实现原理及源码

2017年02月06日 14 阅读

今天来记录下js来自定义鼠标右键，同样先来分解下它的实现原理：1、屏蔽右键默认事件；（一度我以为修改的就是默认事件）2、对一个ul的隐藏；（这个我也曾迂腐的认为值得这样操作的都是div，汗）3、对鼠标点击右键做出的响应，显示隐藏的ul；4、鼠标重新点击后，ul重新被隐藏这样来看的话，我们需要做的事情是不是就简单了很多，先上代码：html部分<ul id="testRight" style="width: 100px;background-color:...

教你用AngularJS框架一行JS代码实现控件验证效果

2017年02月06日 13 阅读

如上图所示，我们需要实现如下这些验证功能：控件都是必输控件都需要控制最大长度第一次打开页面，控件不能显示为错误状态输入内容再清空后，必输控件需要显示为错误状态只有所有输入合法后，发布按钮才能变为可用状态通过AngularJS，我们可以很轻松的实现这些要求，只需要1行JS代码。UI样式这里采用的是Bootstrap。先上示例代码：HTML。<！DOCTYPE html><html lang="zh-cn" ng-app="ftitApp"&...

JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法

2017年02月06日 13 阅读

网上答案说是因为Easy-ui在低版本时应将class样式删去，而在javascript里写url，因为class里有url的话javascript里也存在url，就会使页面刷新俩次，但是测试后没有解决我的问题，后来通过反复测试终于找到问题，<ul id="eva" style=" font-size:25px; "></ul>因为在页面写了style,将style里的样式删去就可以解决问题了，现附上完整的ajax动态树和Grid表...

js的延迟执行问题分析

2017年02月06日 13 阅读

看这段代码：<body><script src="deffer.js"></script>content </body>deffer.js的内容为：alert（1）这样在alert窗口没有被关闭之前，页面都会是一片空白。因为alert窗口阻止了页面的继续渲染。为了避免此类问题，html规范里定义了deffer和async属性，这两个属性的具体定义这里不讨论，反正他们都是用来告诉浏览器，一定要在页面渲染完成以后...

yepnope.js使用详解及示例分享

2017年02月06日 13 阅读

yepnope.js的一个典型实例:yepnope（{ test : Modernizr.geolocation, yep : "normal.js", nope : ["polyfill.js", "wrapper.js"]}）;此实例表示如果Modernizr.geolocation为真的时候加载normal.js，为假则加载polyfill.js及wrapper.js。yepnope完整语法：yepnope（[{ test : /* boolean（...

jquery让返回的内容显示在特定div里（代码少而精悍）

2017年02月06日 13 阅读

前面写过ajax让返回的内容显示在特定div里最近在看jquery，所以又用jquery重新写了个，jquery果然是“写得更少,做得更多”<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <...

jQuery学习笔记之 Ajax操作篇（一） - 数据加载

2017年02月06日 12 阅读

加载 HTML我们通常使用加载 HTML 的方法来加载 HTML 片段，并插入到指定位置，假设当前页面为：<div></div><button>load</button>同目录下的 test.html 文件内容为：<span>test</span>我们可以使用 load 方法来加载 HTML，将其绑定到按钮的点击事件上： $（"button"）.click（function（） {$（...

jQuery学习笔记之 Ajax操作篇（二） - 数据传递

2017年02月06日 12 阅读

请求数据我们可以使用 GET、POST 两种方式向后端请求数据，这里以 PHP 为例，假设有测试页面 age.php，用于返回年龄信息，内容为：if（isset（$_REQUEST["name"]） && $_REQUEST["name"] == "stephen"） {echo "23";}当前页面内容为：<div> <a href="age.php">stephen</a> <span>age : <...

jquery中map函数与each函数的区别实例介绍

2017年02月06日 13 阅读

jquery中的each函数和map函数的用法看起来差不多，但其实还是有一点区别的。其中一个重要的区别是，each返回的是原来的数组，并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用map，则有可能造成内存浪费。例如：var items = [1,2,3,4]; $.each（items, function（） { alert（"this is " + this）; }）; var ...

JavaScript-RegExp对象只能使用一次问题解决方法

2017年02月06日 12 阅读

以下的代码，是测试从字符串中识别出年月日，可以看到创建的rYMD这个RegExp对象执行了一次后，又执行了一次。var DateStr = "2014-9-8"; var rYMD = new RegExp（"（\d{4}|\d{2}）-（\d{2}|\d{1}）-（\d{2}|\d{1}）", "g"）; var aRt = rYMD.exec（DateStr）; var sRt=rYMD.exec（DateStr）;经过调试，发现第一次执行，aRt得到...

js实现键盘操作实现div的移动或改变的原理及代码

2017年02月06日 14 阅读

昨天记录了获取键盘按键的值的事件，有了值，无非就是针对不同值做不同的操作嘛，而且之前曾经在写贪吃蛇时也用到过。结果一捯饬，又是好久的一段时间，所以感觉有必要记录下的，一方面确有可取之处，另一方面也对自己的提醒，刚刚实现过的功能转头又是陌生人了，总的来说，算是温故而知新吧。这样我们先来分析，要实现键盘操作实现div的移动大概的原理吧：*---要实现div的移动，首先最关键的一点：获取div对象*---postion：absolute将div完全从文档流中拖出...

如何正确使用javascript 来进行我们的程序开发

2017年02月06日 12 阅读

今天在github 上面找到了一个关于如何正确使用javascript 来进行我们的程序开发.我就恬不知耻的来了个原创啊..坑爹啊.拿来和大家分享一下吧.A mostly reasonable approach to Javascript.Types //类型Objects //对象Arrays //数组Strings //字符串Functions //函数Properties //属性Variables //变量Hoisting //变量提升Condit...

jquery用data方法获取某个元素上的事件

2017年02月06日 13 阅读

jquery的给元素绑定的事件可以用data方法取出来通过$（element）.data（"events"）来获取// 比如给一个button绑定两个click事件$（"button"）.click（function（） { alert（"1"） }）;$（"button"）.click（function（） { alert（"2"） }）;// 这个时候点击该button会分别弹出 2 和1的alert框// 取出该button的所有click事件，是个...

javascript将浮点数转换成整数的三个方法

2017年02月06日 12 阅读

Summary暂时我就想到3个方法而已。如果读者想到其他好用方法，也可以交流一下parseInt位运算符Math.floor Math.ceilDescription一、parseInt1. 实例parseInt（"13nash"）;//13parseInt（""）// NaNparseInt（"0xA"） //10（十六进制）parseInt（" 13"）//13parseInt（"070"）//ES3为56（八进制） ES5为70parseInt（07...

jquery trigger伪造a标签的click事件取代window.open方法

2017年02月06日 15 阅读

var ohtml="<div class="friend-dialog tac pt15 pb20">"+ "<div class="f-h32">您已经成功发送好友申请。</div>"+ " <p class="c999">上传真实头像，好友申请更容易被通过哦，赶紧上传头像吧！</p> "+ "<a href="<%=path%>/teacher/editUserAvatar...

a标签click和href执行顺序探讨

2017年02月06日 12 阅读

前提：项目中开始绑定document click事件，在document子类的一个a标签也绑定了click时间，想要实现效果，就是click事件触发完成后 document事件不触发。即组织事件冒泡，加了阻止事件冒泡方法（e.stopPropagation（）; e.preventDefault（）;）也不行，这种现在只有在google下发生，ff不会发生。原因：是超链接的href=“#” 比click晚触发，解决：在方法后面加return fals...

jquery 为a标签绑定click事件示例代码

2017年02月06日 13 阅读

$（document）.ready（function（） {$（"a[name="del"]"）.click（function（）{Ext.Msg.confirm（"提示","你确定要删除该公告吗？",function（button,text）{if（button=="yes"）{window.location.href="/admin/note！delete.action?id=${id}";}}）;}）;$（"a[class="del2"]"）...

首页 / 脚本样式 / JavaScript

jquery的attr方法禁用表单元素禁用输入内容

用jquery的方法制作一个简单的导航栏

js代码实现的加入收藏效果并兼容主流浏览器

js自定义鼠标右键的实现原理及源码

教你用AngularJS框架一行JS代码实现控件验证效果

JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法

js的延迟执行问题分析

yepnope.js使用详解及示例分享

jquery让返回的内容显示在特定div里（代码少而精悍）

jQuery学习笔记之 Ajax操作篇（一） - 数据加载

jQuery学习笔记之 Ajax操作篇（二） - 数据传递

jquery中map函数与each函数的区别实例介绍

JavaScript-RegExp对象只能使用一次问题解决方法

js实现键盘操作实现div的移动或改变的原理及代码

如何正确使用javascript 来进行我们的程序开发

jquery用data方法获取某个元素上的事件

javascript将浮点数转换成整数的三个方法

jquery trigger伪造a标签的click事件取代window.open方法

a标签click和href执行顺序探讨

jquery 为a标签绑定click事件示例代码