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

原生js事件的添加和删除的封装

2017年02月06日 12 阅读

在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧！/*** @description 事件绑定，兼容各浏览器* @param target* 事件触发对象* @param type* 事件* @param func* 事件处理函数*/function bind（target, type,...

jQuery截取指定长度字符串的实现原理及代码

2017年02月06日 13 阅读

截取指定长度字符串操作在网站建设中大量使用，尤其是在新闻列表这种类型的操作中大量应用。下面就是一个截取字符串代码实例:<！DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="http://www.soft...

js获取IP地址的方法小结

2017年02月06日 13 阅读

1，js取得IP地址的方法一<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/<A class=infotextkey href="http://www.jb51.net/" target=_blank>javascript</A>"> document.write（returnC...

escape编码与unescape解码汉字出现乱码的解决方法

2017年02月06日 12 阅读

今天的项目中遇到需要用javascript的escape编码汉字再用unescape解码的情况，测试代码段的时候出现了乱码的情况。具体情况如下：首先，用EditPlus打开测试页面test.html，编辑如下html代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....

jquery.validate.js插件使用经验记录

2017年02月06日 15 阅读

最近做项目，需要用到 jQuery.validate.js插件，于是记录一下工作中的一些经验，以便日后学习。【例子如下】1.前台页面<form id="form1" method="post"> 用户名：<input type="text" id="UserName" name="UserName" /><！--<span id="name_error"></span>--> <br /&g...

js面向对象编程之如何实现方法重载

2017年02月06日 12 阅读

js中如何实现方法重载？这涉及到三个问题1.同名函数的调用问题2.函数中特殊的参数arguments3.如何利用arguments实现方法重载1、同名函数的调用问题都知道在js中如果存在多个名称相同的函数，则调用实际每次都只使用最后一个，js其实是没有重载的，也就是说，如果定义了多个同名的函数，单参数不一样，在调用时，js不管参数个数，只管前后顺序例如：function test1（arg1） { alert（"参数1："+arg1）; } functio...

IE8下Jquery获取select选中的值post到后台报错问题

2017年02月06日 15 阅读

我们一般使用jquery获取select时，一般这么用：<select id="a"> <option selected="selected" value="1"> </select> var selectedValue = $（"#a"）.val（）;在非IE8下，selectedValue的值为“1”，typeof selectedValue 为“string”。在IE8下，selectedValue的值为[“1”]...

jquery序列化表单以及回调函数的使用示例

2017年02月06日 16 阅读

在开发项目中，将前台的值传给后台，有时的JSP表单中的值有一两个，也有全部的值，如果这时一个个传，必定不是很好的办法，所以使用jQuery提供的表单序列化方法，可以很好的解决这个问题，同时可以封装成通用的函数，执行成功可以调用各自的回调函数，实现各自的功能。代码如下：function queryUserInfo（actionUrl,formId,fun）{ var params=new Object（）; //声明数组 $.each（$（"#"+formI...

JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果

2017年02月06日 15 阅读

基于项目的需要，需要制作出如下的一种页面效果：当用户鼠标经过好友列表中好友头像时，显示该好友的基本资料，其实也就是类似QQ客户端的那种功能。网上找了很多代码，基本都实现了鼠标悬浮之后弹出div，离开之后马上就消失了。还有些纯CSS的代码实现了这样的效果，但是对我没用，我需要的是JS的（因为我的数据还要通过Ajax取得），并且鼠标离开后不能马上隐藏，这个div上还有功能入口。这个页面效果折腾了我一天，由此可见我的JS和CSS技术有待提高...搜索了好久，终于...

jQuery窗口、文档、网页各种高度的精确理解

2017年02月06日 14 阅读

$（document）.height（）：整个网页的高度$（window）.height（）：浏览器可视窗口的高度$（window）.scrollTop（）：浏览器可视窗口顶端距离网页顶端的高度（垂直偏移）用一句话理解就是：当网页滚动条拉到最低端时，$（document）.height（） == $（window）.height（） + $（window）.scrollTop（）。当网页高度不足浏览器窗口时$（document）.height（）返回的是$...

基于javascript的JSON格式页面展示美化方法

2017年02月06日 13 阅读

{"name": "monkey","age": "24","height": 164.0}如果想让以上json字符串在页面上展示的比较易读，即变成下面的style: { "name": "monkey", "age": "24", "height": 164.0cm }本文介绍的方法基于javascript ，代码如下： <html> <head>/ //style中是css代码 <style type="text/css"...

window.returnValue使用方法示例介绍

2017年02月06日 12 阅读

window.showModalDialog是弹出模式窗口的方法returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口（模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作）时,用于返回窗口的值,下面举个例子:1、parent.html//father.html <HTML> <HEAD> <...

js实现局部页面打印预览原理及示例代码

2017年02月06日 12 阅读

最近有朋友问js 如何打印预览，今天就来讲解一下，首先了解一下打印原理，其实局部打印页面很简单。就是把你需要打印的部分做一个起始标记，至于标记如何写，随便你写什么。我这里就写 <！--startprint--> 需要打印的内容<！--endprint-->. 因为标记是不需要让用户看见的所以加了注释！具体实现代码如下：<！DOCTYPE html> <html> <head> <title&...

JS根据年月获得当月天数的实现代码

2017年02月06日 15 阅读

function getDaysInMonth（year,month）{ month = parseInt（month,10）; //parseInt（number,type）这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。 var temp = new Date（year,month,0）; return temp.getDate（）; }...

兼容IE、firefox以及chrome的js获取时间（getFullYear）

2017年02月06日 12 阅读

一般情况下，我们获取年份的时候都是通过下面的代码：var now = new Date（）;var initYear = now.getYear（）; 以上代码在IE中initYear是对的，但是ff以及chrome下不兼容，换成 var initYear = now.getFullYear（）;IE、FireFox、Chrome下均可行 JS中getYear（）和getFullYear（）区别:js中得到当前年份做法是var dayObj=new Dat...

JS中getYear（）和getFullYear（）区别分析

2017年02月06日 14 阅读

js中得到当前年份做法是var dayObj=new Date（）; dayObj.getYear（）来得到年份，我前面写过这样会出现浏览器的兼容性的问题，就是在IE中能得到我们想要的结果但是在FF中就不行了，和我们要的结果相差1900年。当时我的做法是：var dayObj=new Date（）;var myYears = （ dayObj.getYear（） < 1900 ） ? （ 1900 + dayObj.getYear（）） :...

动态载入js提高网页打开速度的方法

2017年02月06日 15 阅读

一般来说如果一次性的载入所有需要的JavaScript代码，就会造成初始网页打开速度变慢，但是很多载入的代码又并不需要使用，这种无谓的性能浪费应该予以避免。如果要动态载入JavaScript代码,可以利用DOM模型在HTML文档中添加<script>结点，并将此结点的src属性（即外联 Javascript文件）设置为需要动态载入的JavaScript代码。下面就是完成这样功能的一个示例：（1）、新建JsLoaderTest.html文件&l...

jQuery 仿百度输入标签插件附效果图

2017年02月06日 16 阅读

1、先上效果图2、调用方式<link href="/Styles/tagsinput.css" rel="external nofollow" rel="stylesheet" type="text/css" /><script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><script src="/Scripts/jquer...

jQuery打印指定区域Html页面并自动分页

2017年02月06日 12 阅读

最近项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件用法：$（"div#printmain"）.printArea（）;但还是会打印DIV后面的内容，这里可以使用CSS控制打印分页<div style="page-break-after: always;"></div>有时用CSS控制分页了但还是会连续打印页面，这里就可以用上PrintArea 插件中的属性参数。PrintArea部...

javascript数组操作方法小结和3个属性详细介绍

2017年02月06日 15 阅读

最近一直在用js，好好研究了下js数组的操作，在这里总结一下。1、数组的创建复制代码代码如下:var arrayObj = new Array（）; //创建一个数组var arrayObj = new Array（[size]）; //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array（[element0[, element1[, ...[, elementN]]]]）; //创建一个数组并赋值要说明的是，虽然...

首页 / 脚本样式 / JavaScript

原生js事件的添加和删除的封装

jQuery截取指定长度字符串的实现原理及代码

js获取IP地址的方法小结

escape编码与unescape解码汉字出现乱码的解决方法

jquery.validate.js插件使用经验记录

js面向对象编程之如何实现方法重载

IE8下Jquery获取select选中的值post到后台报错问题

jquery序列化表单以及回调函数的使用示例

JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果

jQuery窗口、文档、网页各种高度的精确理解

基于javascript的JSON格式页面展示美化方法

window.returnValue使用方法示例介绍

js实现局部页面打印预览原理及示例代码

JS根据年月获得当月天数的实现代码

兼容IE、firefox以及chrome的js获取时间（getFullYear）

JS中getYear（）和getFullYear（）区别分析

动态载入js提高网页打开速度的方法

jQuery 仿百度输入标签插件附效果图

jQuery打印指定区域Html页面并自动分页

javascript数组操作方法小结和3个属性详细介绍