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

JavaScript在IE和FF下的兼容性问题

2016年07月27日 9 阅读

长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性:复制代码代码如下:一、函数和方法差异；二、样式访问和设置；三、DOM方法及对象引用；四、事件处理；五、其他差异的兼容处理。一、函数和方法差异1. getYear（）方法【分析说明】先看一下以下代码：复制代码代码如下:var year= n...

从零学JS之你需要了解的几本书

2016年07月27日 9 阅读

初级读物：《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。中级读物：《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。《JavaScript.The.Good.Parts》：Yahoo大牛，Jav...

用js模拟struts2的多action调用示例

2016年07月27日 9 阅读

最近修了几个struts2.1升级到2.3后动态方法调用失效的bug，深有感悟，但是我那种原始方法有一个局限，就是在submit那里写下的action不起作用，就算启动了动态方法调用也不行（我想应该是struts2.3的一个bug），所以为了完善这个功能，这里我再说一个用js的方法。在<s:submit value="提交" onclick="return submitAction（"某某action"）" />，添加onclick方法，然...

jQuery filter函数使用方法

2016年07月27日 12 阅读

利用filter函数可以从wrapper set中过滤符合条件的DOM元素。如果我们有一个内容如下的html文件，要获取类为external的<a>元素，使用filter可以很easy地搞定。复制代码代码如下: <a href="#" class="external">link</a> <a href="#" class="external">link</a> <a href="#"&...

jQuery函数的第二个参数获取指定上下文中的DOM元素

2016年07月27日 9 阅读

jQuery函数的第二个参数可以指定DOM元素的搜索范围。第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例复制代码代码如下: <！DOCTYPE html> <html> <body> <form> <input name="" type="checkbox"/> <input name="" type="radio"/&g...

jquery 表格排序、实时搜索表格内容（附图）

2016年07月27日 9 阅读

复制代码代码如下: <table class="table-sort"> <thead> <tr> <th class="table-sort">First Name</th> <th class="table-sort">Last Name</th> <th class="table-sort">Email</th> <th>Phon...

js跨域访问示例（客户端/服务端）

2016年07月27日 9 阅读

复制代码代码如下: <div id="oid"></div> <script type="text/javascript"> //获取货号 $.ajax（{ url: "http://192.168.1.191/H.ashx", type: "GET", dataType: "jsonp", //jsonp的值自定义,如果使用jsoncallback,那么服务器端,要返回一个jsoncallback的值对应的对象. j...

textarea焦点的用法实现获取焦点清空失去焦点提示效果

2016年07月27日 9 阅读

效果图：具体实现： 1、textarea标签内容复制代码代码如下: <span style="font-size:14px;"><tr> <td align="right" valign="top">备注：</td> <td><textarea name="" id="remark" cols="" rows="" class="textarea220" onfocus="this.c...

JQuery弹出层示例可自定义

2016年07月27日 9 阅读

1、创建一个jsp页面，内容如下，js和css根据自己的实际情况而定复制代码代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm...

jQuery使用andSelf（）来包含之前的选择集

2016年07月27日 9 阅读

当我们使用Destructive Method对wrapper set进行选择、过滤之后会产生一个新的结果集。例如： html $lt;div$gt; $lt;p$gt;Paragraph$lt;/p$gt; $lt;p$gt;Paragraph$lt;/p$gt; $lt;/div$gt; 对于上面的DOM Tree，当然可以使用 $（"div"）.find（"p"）来获取所有div元素包含的p元素，但是选择结果中肯定不包含div元素自身。如果在fi...

php实例分享之实现显示网站运行时间

2016年07月27日 10 阅读

废话不多说，直接上代码。复制代码代码如下:<？php// 设置时区date_default_timezone_set（"Asia/Shanghai"）;/*** 秒转时间，格式年月日时分秒* * @author wangyupeng129@126.com* @param int $time* @return array|boolean*/function Sec2Time（$time）{if（is_numeric（$time））{$va...

jQuery 删除/替换DOM元素的几种方式

2016年07月27日 10 阅读

删除删除操作非常简单，直接在结果集后链式调用remove（）方法即可。例如，要删除以下html脚本中所有的a元素，直接通过复制代码代码如下: $（"a".remove（）; 就可以做到了。复制代码代码如下: <h3>Anchors</h3> <a href="#" class="remove">Anchor Element</a> <a href="#">Anchor Element...

jQuery基于当前元素进行下一步的遍历

2016年07月27日 10 阅读

如果我们已经通过jQuery方法选中了一组元素，那么如何基于这些已经选中的元素进行下一步的遍历呢？例如，我们通过 $（"li:eq（1）"）选中了以下代码中的第二个li元素。复制代码代码如下: <ul> <li><a href="#">link</a></li> <li><a href="#">selected link</a></li> &...

特殊情况下如何获取span里面的值

2016年07月27日 9 阅读

如何获取A？复制代码代码如下: <div class="warpper"> <span class="content"> A <span>123</span> </span> </div> <script type="text/javascript" src="./jquery-1.7.2.min.js"></script> <script type=...

jQuery 如何先创建、再修改、后添加DOM元素

2016年07月27日 9 阅读

如何一气呵成地，on the fly地操作DOM元素呢？例如顺序执行【创建】-> 【修改】-> 【添加】三个动作。由于jQuery支持链式操作，其实就是设计模式的builder模式，所以我们可以把三个操作串在一起来执行。首先创建一个p元素，内容包含一个a元素。复制代码代码如下: $（"<p><a>jQuery</a></p>"）然后为a元素添加一个href属性复制代码代码如下: ...

js判断上传文件类型判断FileUpload文件类型代码

2016年07月27日 9 阅读

asp.net中html标签代码：复制代码代码如下: <asp:FileUpload ID="fuMain" runat="server" /> <asp:Button ID="btnUpload" runat="server" OnClientClick="return CheckWorkFile（）" Text="上传" /> 普通的html标签：复制代码代码如下: <input type="file" ID="...

jQuery.holdReady（）使用方法

2016年07月27日 9 阅读

复制代码代码如下: holdReady: function（ hold ） { if （ hold ） { jQuery.readyWait++; // readyWait就是一个计数器，表示还有多少个条目就绪事件才能执行 } else { jQuery.ready（ true ）; } } 使用方法如下： jQuery.holdReady（ hold ）作用：暂停或恢复.ready（）事件的执行参数：hold为boolean值，指示是否暂停或恢...

实现网页页面跳转的几种方法（meta标签、js实现、php实现）

2016年07月27日 9 阅读

1、meta标签实现只需在head里加上下面这一句就行了，在当前页面停留0.1秒后跳转到目标页面复制代码代码如下:<meta http-equiv="refresh" content="0.1; url=http://jb51.net/">2、Javascript实现方法一：这个方法比较常用复制代码代码如下:window.location.href = "http://jb51.net/";方法二：复制代码代码如下:self.locati...

Jquery插件分享之气泡形提示控件grumble.js

2016年07月27日 9 阅读

任何一个grumble都可以放到它所围绕元素的任意角度的位置，360度全方位无死角，无残留。还能指定任意距离，应用任意CSS样式。对于任意文本还可以自动调整大小。多个grumble可以通过FX队列实现动画效果。最后，它能在IE6+这些古董浏览器上工作，更不用FF、Chrome这些现代的浏览器了！grumble.js 其实是一个jQuery插件，可以在脚本之家找到源码下载。官方的一些截图：普通提示可以附加事件，如点击、鼠标移入移出等可以实现动画，如气...

JavaScript中this关键词的使用技巧、工作原理以及注意事项

2016年07月27日 12 阅读

要根据this 所在的位置来理解它，情况大概可以分为3种： 1、在函数中：this 通常是一个隐含的参数。 2、在函数外（顶级作用域中）：在浏览器中this 指的是全局对象；在Node.js中指的是模块（module）的导出（exports）。 3、传递到eval（）中的字符串：如果eval（）是被直接调用的，this 指的是当前对象；如果eval（）是被间接调用的，this 就是指全局对象。对这几个分类，我们做了相应的测试： 1、在函数中的t...

首页 / 脚本样式 / JavaScript

JavaScript在IE和FF下的兼容性问题

从零学JS之你需要了解的几本书

用js模拟struts2的多action调用示例

jQuery filter函数使用方法

jQuery函数的第二个参数获取指定上下文中的DOM元素

jquery 表格排序、实时搜索表格内容（附图）

js跨域访问示例（客户端/服务端）

textarea焦点的用法实现获取焦点清空失去焦点提示效果

JQuery弹出层示例可自定义

jQuery使用andSelf（）来包含之前的选择集

php实例分享之实现显示网站运行时间

jQuery 删除/替换DOM元素的几种方式

jQuery基于当前元素进行下一步的遍历

特殊情况下如何获取span里面的值

jQuery 如何先创建、再修改、后添加DOM元素

js判断上传文件类型判断FileUpload文件类型代码

jQuery.holdReady（）使用方法

实现网页页面跳转的几种方法（meta标签、js实现、php实现）

Jquery插件分享之气泡形提示控件grumble.js

JavaScript中this关键词的使用技巧、工作原理以及注意事项