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

javascript判断是否按回车键并解决浏览器之间的差异

2017年02月06日 13 阅读

复制代码代码如下: <li class="item pin"> <span class="overlabel" style="display: block;">请输入验证码</span> <input type="text" class="txt" id="checkNum" name="checkNum" maxlength="4" onkeydown="keyboardEvent（event）;" />...

js实现图片拖动改变顺序附图

2017年02月06日 13 阅读

在web页面中，需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置true/false来控制元素是否可拖动。下面以图片拖动为例，用jQuery来实现：页面上有多个图片，把一个图片拖动到其他两个图片中间，就可以将这个图片的位置插入到两图之间。复制代码代码如下: <！DOCTYPE html> <html> <head> <style> .img-di...

全面兼容的javascript时间格式化函数（比较实用）

2017年02月06日 13 阅读

全面兼容的javascript时间格式化函数，实用总结！复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js日期格式化</title> ...

jQuery 中国省市两级联动选择附图

2017年02月06日 12 阅读

复制代码代码如下: <！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> <title>省市两级联动选择</ti...

table insertRow、deleteRow定义和用法总结

2017年02月06日 13 阅读

表格有几行: var trCnt = table.rows.length; （table为Id ）每行有几列：for （var i=0; i<trCnt; i++） table.rows[i].cells.length; javascript操作table: insertRow（），deleteRow（），insertCell（），deleteCell（）方法 table.insertRow（）在IE下没问题但在firefox下就得改为table...

javascript 中that的含义示例介绍

2017年02月06日 12 阅读

你可能会发现别人写的代码中有这么一句：var that = this;，这代表什么意思呢？在javascript中，this代表的是当前对象。 var that=this就是将当前的this对象复制一份到that变量中。这样做有什么意义呢？复制代码代码如下: $（"#zhetenga"）.click（function（）{ //this是被点击的#zhetenga var that = this; $（".zhetenga"）.each（functi...

鼠标左键单击冲突的问题解决方法（防止冒泡）

2017年02月06日 12 阅读

本人在一个页面实现了两种右键菜单，当鼠标左键单击空白处时，右键菜单并不隐藏。于是，Google之，最后找到一种方法，将鼠标左键单击事件改为：复制代码代码如下: <span style="font-size:24px;">$（document）.click（ function （） { }</span> 改为复制代码代码如下: <span style="font-size:24px;">$（document）.o...

JQuery教学之性能优化

2017年02月06日 12 阅读

jQuery是一款非常优秀的javascript框架，当我们使用到jQuery后就再也不想回到javascript时冗长的代码，那么jQuery的优化就摆在了我们的面前。那么我们优化JQuery应该从那些方面入手呢？ 1、使用最新版本的jQuery 新版本相对于旧版本会做性能上的改进，还有就是添加新功能。 2、选择器的使用我们通常会使用id选择器、class选择器、元素选择器、伪类选择器和元素选择器。在使用时我的建议是最好使用id选择器，其次是class...

js 通过html（）及text（）方法获取并设置p标签的显示值

2017年02月06日 12 阅读

html（）方法此方法类似于JavaScript中的innerHTML属性，可以用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容，可以这样：复制代码代码如下: var p_html = $（"p"）.html（）; //获取p元素的HTML代码如果需要设置某元素的HTML代码，那么也可以使用该方法，不过需要为它传递一个参数。例如要设置p元素的HTML代码，可以使用如下代码：复制代码代码如下: //设置p元素的HTML代码 $（"...

JQuery性能优化的几点建议

2017年02月06日 13 阅读

针对jquery性能优化这个主题，想必大家都有所了解。下面是我搜集点一点资料关于jquery性能优化，大家可以参考参考。一、选择器性能优化建议1. 总是从#id选择器来继承：这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了；2. 在class前面使用tag：jQuery中第二快的选择器就是tag选择器（如$（‘head"）），因为它和直接来自于原生的Javascript方法getElementByTagName（）...

jquery ztree实现下拉树形框使用到了json数据

2017年02月06日 12 阅读

公司最近的项目需要用到树形下拉框，在网上找了挺多源码，最后还是采用了zTree来实现，因为代码的移植性比较高，而且数据的获取比较容易。废话不多说，直接上代码。 index.jsp 复制代码代码如下: <%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%...

用jQuery toggleClass 实现鼠标移上变色

2017年02月06日 12 阅读

按钮移上变色效果复制代码代码如下: <style> .round-corner-btn { -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; width:200px; height:40px; line-height: 40px; background: green; display:inlin...

解决html按钮切换绑定不同函数后点击时执行多次函数问题

2017年02月06日 13 阅读

删除帖子和锁定帖子都需要填写拒绝原因，共用一个窗口，和按钮，按钮绑定不同的事件： title = "删除帖子（屏蔽、不显示）"; 复制代码代码如下: $（"#btn_ok", "#div_deny_reason"）.bind（"click", function（）{edit（"if_show", "0"）;}）; title = "锁定帖子"; $（"#btn_ok", "#div_deny_reason"）.bind（"click", function...

document.write的几点使用心得

2017年02月06日 12 阅读

一直用document.write（）方法向浏览器中显示数据用，把它当做Alert（）使用，看来这样用有些大材小用了，下面说说它的主要用处。 document.write（）方法可以用在两个方面： 1.页面载入过程中，用脚本加入新的页面内容。 2.用延时脚本创建本窗口或新窗口的内容。该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。如下面代码，教务系统框架载入...

javascript单引号和双引号的区别和处理

2017年02月06日 14 阅读

单引号和双引号其实没啥区别，看你自己习惯了复制代码代码如下: <input type="button" onclick="alert（"1"）">-------------------不正确 <input type="button" onclick="alert（"1"）">-------------------正确双引号中再用双引号要这样： var str = "abc"def"ghi" 用反斜杠来禁止解析双引号。下面是...

JavaScript函数获取事件源的小例子

2017年02月06日 12 阅读

复制代码代码如下: <！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选择器如何获取父级元素、同级元素、子元素

2017年02月06日 12 阅读

一、获取父级元素 1、 parent（[expr]）: 获取指定元素的所有父级元素复制代码代码如下: <div id="par_div"><a id="href_fir" href="#">href_fir</a> <a id="href_sec" href="#">href_sec</a> <a id="href_thr" href="#">href_thr</a>&...

js 获取页面高度和宽度兼容 ie firefox chrome等

2017年02月06日 13 阅读

复制代码代码如下: <script> //得到页面高度 var yScroll = （document.documentElement.scrollHeight >document.documentElement.clientHeight）？ document.documentElement.scrollHeight : document.documentElement.clientHeight; alert（yScroll） //得...

原生js的弹出层且其内的窗口居中

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta charset="UTF-8...

调整小数的格式保留小数点后两位

2017年02月06日 12 阅读

在开发过程中经常遇到要调整小数的格式，如保留小数点后两位等等。方法也颇为常见，备忘如下。第一种，利用math.round var original=28.453 1） //round "original" to two decimals var result=Math.round（original*100）/100; //returns 28.45 2） // round "original" to 1 decimal var result=Math.r...

首页 / 脚本样式 / JavaScript

javascript判断是否按回车键并解决浏览器之间的差异

js实现图片拖动改变顺序附图

全面兼容的javascript时间格式化函数（比较实用）

jQuery 中国省市两级联动选择附图

table insertRow、deleteRow定义和用法总结

javascript 中that的含义示例介绍

鼠标左键单击冲突的问题解决方法（防止冒泡）

JQuery教学之性能优化

js 通过html（）及text（）方法获取并设置p标签的显示值

JQuery性能优化的几点建议

jquery ztree实现下拉树形框使用到了json数据

用jQuery toggleClass 实现鼠标移上变色

解决html按钮切换绑定不同函数后点击时执行多次函数问题

document.write的几点使用心得

javascript单引号和双引号的区别和处理

JavaScript函数获取事件源的小例子

使用jquery选择器如何获取父级元素、同级元素、子元素

js 获取页面高度和宽度兼容 ie firefox chrome等

原生js的弹出层且其内的窗口居中

调整小数的格式保留小数点后两位