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

如何书写高质量jQuery代码（使用jquery性能问题）

2017年02月06日 16 阅读

1.正确引用jQuery1.尽量在body结束前才引入jQuery，而不是在head中。2.借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。（对于已经使用了cdn的网站可以忽略，现在用户带宽都升级了，这个可以忽略了，放别人机器不一定稳定）3.如果在</body>前引入script文件的话，就不用写document.ready了，因为这时执行js代码时DOM已经加载完毕了。<bo...

js实现特定位取反原理及示例

2017年02月06日 13 阅读

去华为面试的时候，没有做好准备工作；面试的流程没有问清也没有查，结果一过去就让上机做题，着实有点措手不及。笔者是擅长前端的Java Web工程师啊，基本的底层编程知识早已生疏了。机试题碰到了这道位运算的题目，按理说是非常简单的，原理笔者也很清楚，但是由于实在是好多年没有搞过位运算了，Java位运算更是没有操作过，所以结果实在是不体面……机试时间规定是一个小时，语言可选C或Java还有个什么脚本语言，笔者花了将近三个小时，才用Java勉强把题做出来了，惭愧惭...

js实现的点击div区域外隐藏div区域

2017年02月06日 13 阅读

首先看下JS的事件模型，JS事件模型为向上冒泡，如onclick事件在某一DOM元素被触发后，事件将跟随节点向上传播，直到有click事件绑定在某一父节点上，如果没有将直至文档的根。阻止冒泡：1、stopPropagation（）对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器，而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation（）;<！DOCTYPE html><...

原生JS绑定滑轮滚动事件兼容常见浏览器

2017年02月06日 12 阅读

滑轮滚动页面的事件在网页特效中进场遇到，但是在不同浏览器下的实现方式又不同。下面我实现的方法，兼容常见浏览器。function getData（event）{ var e = event || window.event; //获取滚动距离（FF每次滚动 data为3或者-3，其他为120或者-120） var data = e.detail || e.wheelDelta; alert（data）; } //IE之外的绑定事件方法 if（document....

js取得html iframe中的元素和变量值

2017年02月06日 13 阅读

上周想要取得iframe中的元素和js变量值，一直没取得，查资料得知：不能用$（document）.ready（）方法，而是要用$（"#iframeId"）.load（）方法，待iframe加载完成，才能取得取iframe中的js变量值：document.frames["x"].y这样便可以。哎，很简单的问题，搞了很长时间，不应该啊！...

javascript时间函数大全

2017年02月06日 13 阅读

以下是总结的js日期函数大全，供大家参考1.取得当前时间复制代码代码如下:var date=new Date（）;2.已知年、月、日转换成日期型的数据：复制代码代码如下:var applyDate = document.domainExceptionForm.applyDate.value;applyDate = applyDate.split（"T"）[0];var applyYear = applyDate.split（"-"）[0];var ap...

jquery实现人性化的有选择性禁用鼠标右键

2017年02月06日 13 阅读

使用比较暴力的手段禁用鼠标右键是不人性化的，所以最好还是有选择性的禁用鼠标右键。代码实例如下:<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.45it.com/" /> <title>脚本之家</title> <style type...

滚动条响应鼠标滑轮事件实现上下滚动的js代码

2017年02月06日 15 阅读

实现鼠标滚动滚轮事件：<script type="text/javascript"> var scrollFunc=function（e）{ e=e || window.event; if（e.wheelDelta）{//IE/Opera/Chrome if（e.wheelDelta==120） { //向上滚动事件 alert（e.wheelDeta +"向上"）; }else { //向上滚动事件 alert（e.wheelDeta +"向...

JavaScript 获取任一float型小数点后两位的小数

2017年02月06日 13 阅读

用Javascript取float型小数点后两位，例22.127456取成22.13,如何做？1.这种方法最不推荐：function get（）{ var s = 22.127456 + ""; var str = s.substring（0,s.indexOf（"."） + 3）; alert（str）; }2. 使用正则表达式获取：function get（）{ var a = "23.456322"; var aNew; var re = /（[0-...

jQuery学习总结之jQuery事件

2017年02月06日 13 阅读

首先，我们来看一个有用的实例，来加深以前所掌握的知识，其中有些是在前边出现过的。复制代码代码如下:<img id="imgGoogle" src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" alt="google.com" /><input type="button" id="btnHide" value="隐藏图片" />jQuery（document）.re...

js从Cookies里面取值的简单实现

2017年02月06日 13 阅读

工作过程中遇到一个Js从Cookies里面取值的需求，Js貌似没有现成的方法可以指定Key值获取Cookie里面对应的值，参阅网上的代码，简单实现如下：1. 服务端代码，Page_Load里面Cookies写入几个值using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; na...

ff chrome和ie下全局动态定位的异同及全局高度的取法

2017年02月06日 13 阅读

DTD已声明IEdocument.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0document.documentElement.clientHeight 浏览器可视部分高度，document.body.cl...

Visual Studio中js调试的方法图解

2017年02月06日 13 阅读

第一步：在需要打断点处写上 debugger;第二部：在IE中将禁用脚本调试的钩去掉打开IE -> 工具 -> 选项 -> 高级 -> 去掉禁用脚本调试（Internet Explorer）和禁用脚本调试（其他）不用调试时记得将IE去掉的钩，钩上，以免打开其它网页报错！...

JS中attr和prop属性的区别以及优先选择示例介绍

2017年02月06日 14 阅读

相比attr，prop是1.6.1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。只是，window或document中使用.attr（）方法在jQuery1.6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。既然我们想知道他们两的区别，最好就看看他们的源代码，不要被代码长度所吓到，我们只看关键的几句：attr: function（ elem, n...

JavaScript利用append添加元素报错的解决方法

2017年02月06日 13 阅读

1、错误描述在IE浏览器上：Uncaught HierarchyRequestError:Failed to excute "appendChild" on "Node":The new child element contains the parent.在谷歌浏览器上：SCRIPT5022:DOM Exception:HIERARCHY_REQUEST_ERR（3） error2、错误原因在append（）中包含append（）如：append（appe...

js 实现的可折叠留言板（附源码下载）

2017年02月06日 12 阅读

javaScript 代码如下：$（document）.ready（function（）{ $（".message_list .message_body:gt（0）"）.hide（）; $（".message_list li:gt（4）"）.hide（）; $（".message_head"）.click（function（）{ $（this）.next（".message_body"）.slideToggle（500） return false; }）;...

jquery实现图片按比例缩放示例

2017年02月06日 12 阅读

<html> <title></title> <head></head> <style> .thumbnail{overflow:hidden;width:400px;height:240px;} </style> <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script> &...

JavaScript利用正则表达式去除日期中的“-”

2017年02月06日 16 阅读

1、说明经常会出现这样的情况，页面的日期格式是：YYYY-MM-DD，而数据库中的日期格式是：YYYYMMDD，两者之间需要转换一下，方能传到Java后台查询数据。通常，这种转化的方法有两种，第一种，将日期字符串先截取，然后拼接；第二种，就是利用正则表达式去掉“-”相比较而言，第二种方法快捷，不容易出错。2、实现源码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&...

jQuery 写的简单打字游戏可以提示正确和错误的次数

2017年02月06日 12 阅读

var off_x; //横坐标 var count=0; //总分 var speed=5000; //速度,默认是5秒. var keyErro=0; //输入错误次数 var keyRight=0; //输入正确的次数 //组织字母 var charArray=new Array（"A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "...

jQuery的:parent选择器定义和用法

2017年02月06日 12 阅读

:parent选择器的定义和用法:此选择器匹配含有子元素或者文本的元素。注意:空格也算是含有的元素。语法结构:$（":parent"）此选择器一般也要和其他选择器配合使用，比如类选择器和元素选择器等等。例如:$（"div:parent"）.animate（{width:"300px"}）以上代码能够将含有文本或者元素的div的宽度设置为300px。如果不和其他选择器配合使用，则默认状态是和*选择器配合使用，例如$（":parent"）等同于$（"*:par...

首页 / 脚本样式 / JavaScript

如何书写高质量jQuery代码（使用jquery性能问题）

js实现特定位取反原理及示例

js实现的点击div区域外隐藏div区域

原生JS绑定滑轮滚动事件兼容常见浏览器

js取得html iframe中的元素和变量值

javascript时间函数大全

jquery实现人性化的有选择性禁用鼠标右键

滚动条响应鼠标滑轮事件实现上下滚动的js代码

JavaScript 获取任一float型小数点后两位的小数

jQuery学习总结之jQuery事件

js从Cookies里面取值的简单实现

ff chrome和ie下全局动态定位的异同及全局高度的取法

Visual Studio中js调试的方法图解

JS中attr和prop属性的区别以及优先选择示例介绍

JavaScript利用append添加元素报错的解决方法

js 实现的可折叠留言板（附源码下载）

jquery实现图片按比例缩放示例

JavaScript利用正则表达式去除日期中的“-”

jQuery 写的简单打字游戏可以提示正确和错误的次数

jQuery的:parent选择器定义和用法