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

跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

2016年07月27日 6 阅读

写了这么久 js应用我居然不知道这两个事件于是去google搜索了一番. 才发现这两个事件是如此的优秀且好用... 但搜索过程中发现好多人似乎不太明白这两个事件和mouseover mouseout 真正的区别和用途.. 并且看到google中搜索得到的一些朋友实现的跨浏览器解决方案. 觉得似乎有些繁琐...所以产生了写一篇blog 把这玩意说透彻的冲动... 好啦.我们进入正题.对于 mouseover 和mouseenter...

javascript 文章截取部分无损html显示实现代码

2016年07月27日 8 阅读

因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。（js写的，因为容易调试）复制代码代码如下: var br = {}; br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/ br.contain = function（arr,it）{ for（var i=0,len=arr.leng...

JavaScript中SQL语句的应用实现

2016年07月27日 7 阅读

比如对javascript数组的排序还有对数组数据的删选以及分组所以，后来兴致以上来。一发不可收拾。写了一个能在javascript中应用的 SQL 库后来又想，怎么不能用javascript直接连接数据库呢？又做了一个javascript直连Sql数据的类库后来，又想到其实还可以用SQL语句来操作HTML DOM模型再再再后来，又看到了HTML5中对web DB的实现所以对webDB，就是chrome和safari中的sqlite的封装...

Javascript 去除数组的重复元素

2016年07月27日 8 阅读

我打开firebug的console，花了30秒想，30秒写，结果如下：（x为目标数组，y是去除重复元素后的结果）复制代码代码如下: var x=[1,1,3,4,5,3]; var y=[]; var tArray=function（i,arr）{ var yap=false; for（var j=0;j<arr.length;j++）{ if（arr[j]==i）{yap=true;break;}; } if（！yap） arr.push（i...

Javascript JSQL，SQL无处不在，

2016年07月27日 6 阅读

其实还可以这样操作：复制代码代码如下: var Room = [ { ID: "bot", name: "test", sex: true }, { ID: 2, name: "test8", sex: true }, { ID: 3, name: "test5", sex: false }, { ID: 4, name: "test2", sex: true }]; "update Room set name = "man" where sex=tr...

JSQL一个 web DB 的封装

2016年07月27日 7 阅读

接上文说道的JSQL 4.当然随着HTML5的普及，web DB 已经是大势所趋了所以，JSQL封装到：复制代码代码如下: _CLIENTDATABASE_ = "HotelManage"; _CLIENTDBVERSION_ = "0.1"; _CLIENTDBDESC_ = "First Client DataBase"; _CLIENTDBSIZE_ = 10240; JSQL（"create table sqllite（id int）"）.O...

JSQL SQLProxy 的 php 版本代码

2016年07月27日 6 阅读

复制代码代码如下: <？php date_default_timezone_set（"PRC"）; $host = stripslashes（$_POST["host"]）; if（$host == null） { $host = "localhost"; }; $user = stripslashes（$_POST["user"]）; if（$user == null） { $user = "root"; }; $password = strip...

JSQL 基于客户端的成绩统计实现方法

2016年07月27日 5 阅读

复制代码代码如下: <！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="Conten...

JSQL 批量图片切换的实现代码

2016年07月27日 6 阅读

复制代码代码如下: <！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"> <script...

JS 自定义函数缺省值的设置方法

2016年07月27日 7 阅读

如果想把a缺省值设为5，不能写成： function my（a=5）{ xxx; } 简单查了一下，有下面几种可以使用： function my（a）{ alert（a||5）; } function my（a）{ a = typeof（a） == "undefined" ？ 5 : a; } function my（a）{ if（typeof（a） == "undefined"）{ a = 5; } } 个人觉得第二种更简洁，...

picChange 图片切换特效的函数代码

2016年07月27日 6 阅读

可扩展的封装方式，方便实现不同特效，源码中给出了淡出效果（fade函数），和移出效果（move函数）的实现方式。一句话函数调用，实现图片切换特效。 picChange（“图片ul列表的id” , 切换图片的方法引用 , 图片切换时间 , 图片移动方向）; 用最简单的调用方式和最简洁的html代码来实现这个常用的图片切换效果。使用方法示例： html代码：复制代码代码如下: <div id=”win”> <ul id=”picCha...

MC Dialog js弹出层完美兼容多浏览器（5.6更新）

2016年07月27日 6 阅读

效果图：MC Dialog 功能特点 1.支持键盘操作（esc关闭，enter执行当前获得焦点按钮的事件,屏蔽了ctrl键盘，屏蔽了tab键真正实现了一个模拟浏览器自带对话框的功能） 2.支持焦点智能移动（当焦点移出层外时，自动将焦点移回层或者有按钮则移到按钮上，保证焦点始终在层上，确保快捷键操作正确） 3.智能闪烁提示功能（当焦点移出层外部，比如你在层外点击了，则层会闪烁提示你必须在当前层操作，这里完美模拟了浏览器自带对话框的操作） 4.支持按钮外接回调...

JavaScript 特有方法计算二进制中1的个数 split方法

2016年07月27日 5 阅读

代码如下：复制代码代码如下: function g（n）{ var n = n.toString（2）; var count = 0; for（var i=0;i<n.length;i++） { if（n[i] == "1"） count++; } return count; } 觉得这样写很麻烦，突然想到是不是可以利用js的split方法来实现计算1的个数，split的参数为正则*，分离字符串中的1。代码如下：复制代码代码如下: func...

屏蔽F1~F12的快捷键的js函数

2016年07月27日 12 阅读

复制代码代码如下: function window.onhelp（）{return false} //屏蔽F1帮助 /*keyCod从113-123分别禁用了F2-F12键,13禁用了回车键（Enter）,8禁用了退格键（BackSpace）*/ document.onkeydown = function（）{ if（window.event && window.event.keyCode == 113） { window.event.keyCode =...

javascript 获取页面的高度及滚动条的位置的代码

2016年07月27日 6 阅读

复制代码代码如下: var Viewport={ top : function（）{ return window.pageYOffset || document.documentElement && document.documentElement.scrollTop || document.body.scrollTop; }, height : function（）{ return window.innerHeight || document.docu...

js将类数组对象转换成数组对象

2016年07月27日 10 阅读

在标准浏览器中，好像只要对象存在length属性，就能把它转换为数组，但IE就不尽然。 //※※※※※※※※※※※测试1※※※※※※※※※※※※※※ function test（）{ alert（arguments） arguments = Array.prototype.slice.call（arguments）; alert（arguments instanceof Array）; alert（arguments） } test（1,2,3,4）;...

JavaScript 数据元素集合与数组的区别说明

2016年07月27日 5 阅读

其中getElementsByName（name）方法是获取页面中所有具有name属性的元素，但这个方法在IE与标准浏览器中所取到的内容不一样。在IE中getElementsByName（name）方法所取到的元素是其本身就自带有name属性也就是form表单中所列出的所有元素（这些元素本身就自带有name属性）；标准浏览器中getElementsByName（name）方法所取到的元素是具有name属性的元素（本身就带有此属性+人为添加的此属性）。所以如...

Jquery 扩展方法

2016年07月27日 6 阅读

网上搜索了信息在编写JQUERY扩展方法有两种，一种是使用jquery.fn.extend,一种是jquery.extend. jquery.fn表示jquery.prototype，，给jquery对象添加方法。刚好用到扩展方法，并且使用jquery.fn，这里就写下jquery.fn的用法，这些网上很多，蛮写蛮写比如当点击 button时弹出一个textbox的值加一个参数值复制代码代码如下: jquery.fn.extend（{ alertMe...

JQuery 学习笔记01 JQuery初接触

2016年07月27日 9 阅读

一、下载官方网址是http://jquery.com/官方下载地址：http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上上面也有GoogleMicrosoftjQuery的CDN（Content Delivery Network）地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compr...

jquery DOM操作基于命令改变页面

2016年07月27日 6 阅读

操作属性 jQuery提供.attr（）方法改变属性值,.removeAttr（）方法删除属性复制代码代码如下: $（document）.ready（function（）{ $（"div.character a"）.each（function（index）{ $（this）.attr（{ "rel": "external", "id": "mylink" + index }）; }）; }）; 插入新元素 jQuery提供了两种将元素插入到其它元素前...

首页 / 脚本样式 / JavaScript

跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

javascript 文章截取部分无损html显示实现代码

JavaScript中SQL语句的应用实现

Javascript 去除数组的重复元素

Javascript JSQL，SQL无处不在，

JSQL一个 web DB 的封装

JSQL SQLProxy 的 php 版本代码

JSQL 基于客户端的成绩统计实现方法

JSQL 批量图片切换的实现代码

JS 自定义函数缺省值的设置方法

picChange 图片切换特效的函数代码

MC Dialog js弹出层 完美兼容多浏览器（5.6更新）

JavaScript 特有方法计算二进制中1的个数 split方法

屏蔽F1~F12的快捷键的js函数

javascript 获取页面的高度及滚动条的位置的代码

js将类数组对象转换成数组对象

JavaScript 数据元素集合与数组的区别说明

Jquery 扩展方法

JQuery 学习笔记01 JQuery初接触

jquery DOM操作 基于命令改变页面

MC Dialog js弹出层完美兼容多浏览器（5.6更新）

jquery DOM操作基于命令改变页面