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

js自定义事件及事件交互原理概述（一）

2016年07月27日 6 阅读

在JS中事件是JS与浏览器交互的主要途径。事件是一种叫做观察者的设计模式，这是一种创建松散耦合代码的技术。对象可以发布事件，用来表示在该对象生命周期中某个有趣的时刻到了。然后其他对象可以观察该对象，等待这些有趣的时刻到来并通过运行代码来响应。观察者模式有两类对象组成：主题和观察者。主体负责发布事件，同时观察者通过订阅这些事件来观察该主体。该模式的一个关键概念是主体并不知道观察者的任何事情，也就是说它可以独自存在并正常运作即使观察者不存在。从另一方面说，观...

js自定义事件及事件交互原理概述（二）

2016年07月27日 5 阅读

js自定义事件（一）的目的只是让大家简单的理解自定事件是如何模拟出来的，大家不难发现会有很多缺陷，比如： 1、此事件对象只能注册一个事件，不能提供多个事件 2、注册方法没有返回的一些信息下面我们就来解决这些问题。如下为MyEvent.js源代码：复制代码代码如下: function MyEvent（）{ this.handlers={}; } MyEvent.prototype={ addHandler:function（type,handler） ...

JavaScript NodeTree导航栏（菜单项JSON类型/自制）

2016年07月27日 5 阅读

最近比较清闲，自己做了个JavaScript NodeTree，网上类似的东西其实挺多的，功能也比这个全，我做这个纯粹为了练练手。图标可以自定义（16X16），菜单项完全是JSON类型定义的，方便修改。界面：使用方法： 1、将NodeTree-JSON.js以及CSS文件夹复制到项目中并引用。 2、引用JQuery框架。 3、修改NodeTree-JSON.js中的NodeTreeMenu菜单项，以下是简单说明。复制代码代码如下: var Nod...

jquery的冒泡事件的阻止与允许（三种实现方法）

2016年07月27日 5 阅读

有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false --->In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中，可以阻止默认事件和冒泡事件。 B：event.preventDefault（）---> In event...

js中eval（）函数和trim（）去掉字符串左右空格应用

2016年07月27日 10 阅读

对于js中eval（）函数的理解和写一个函数trim（）去掉字符串左右空格。 trim（）是参照了jquery的源码，你可以放心使用。对于js中eval（）函数的理解是本人心得不一定正确。复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &...

js解析xml字符串和xml文档实现原理及代码（针对ie与火狐）

2016年07月27日 6 阅读

分别针对ie和火狐分别作了对xml文档和xml字符串的解析，所有代码都注释掉了，想看哪部分功能，去掉注释就可以了。至于在ajax环境下解析xml，其实原理是一样的，只不过放在了ajax里，还是要对返回的xml进行解析。复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ...

js触发asp.net的Button的Onclick事件应用

2016年07月27日 7 阅读

在asp.net引入事件驱动之后，在一个页面上很容易解决多个按钮触发不同事件的问题，避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时，也带来一个问题。在实际应用中一个页面存在多个按钮的情况并不多。用户习惯于在输入框输入内容之后，直接按回车就提交表单了。由于asp.net采用的是事件驱动模式，所以默认用户按回车并没有触发按钮的onclick事件。用户按回车也不是没有提交表单，通过httpwath可以看到，实际上页面...

自定义右键属性覆盖浏览器默认右键行为实现代码

2016年07月27日 5 阅读

复制代码代码如下: function $（id） { return document.getElementById（id）; } $（"test"）.oncontextmenu=function（） { return false; }; 这样就可以给指定的元素自定义右键菜单...

js操作CheckBoxList实现全选/反选（在客服端完成）

2016年07月27日 10 阅读

对于CheckBoxList控件来说，一方面要实现大量数据在服务器端的绑定工作，另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作，但这样一个简单的工作似乎更应该在客户端完成。具体方法：在页面中放入一个CheckBoxList控件，并添加几项，用来分析其产生的HTML代码，这样在使用js进行动态控制时，将会非常清晰其测试代码如下所示：复制代码代码如下: <asp:CheckBoxListID="CheckBoxList...

js网页中的（运行代码）功能实现思路

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>网页中的运行代码功能</title> <script type="text/javascript"> function runCode（oCode） { var win = window.open（"", "_blank", ""）...

js/jQuery对象互转（快速操作dom元素）

2016年07月27日 6 阅读

复制代码代码如下: // jquery对象转js对象 $（"#search"）[0].checked=true; // js对象转jquery对象 var obj = document.getElementById（"search"）; alert（$（obj）.checked）; ...

js实现网站首页图片滚动显示

2016年07月27日 5 阅读

复制代码代码如下: <div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="Pro_List" runat="server"> <ItemTemplate> <a href="/Product/html/<%#Eval（"id"） %>/" title="<%#Eval（"Title"）%&...

实现局部遮罩与关闭原理及代码

2016年07月27日 6 阅读

复制代码代码如下: //实现局部遮罩 <script type="text/javascript"> function Shade（）{ var s = document.getElementById（"shade"）; s.style.display = "block"; } function Display（）{ var d = document.getElementById（"shade"）; d.style.display = "no...

用按钮控制iframe显示的网页实现方法

2016年07月27日 5 阅读

复制代码代码如下: //有两个按钮分别响应两个事件，用来控制iframe显示的网页。 <script type="text/javascript"> function bd（）{ var baidu = document.getElementById（"i"）; baidu.src = "http://www.baidu.com"; } function xl（）{ var sina = document.getElementById（"i"...

Jquery UI震动效果实现原理及步骤

2016年07月27日 6 阅读

如果你想你的博客页面某些部分引起读者的注意，你可以使这些部分震动，如广告，今天这篇文章将介绍怎样使你的页面中的元素震动起来。要达到这个目的我们需要使用到Jquery和Jquery UI。首先让我创建一个震动块，可以是图片，也可以是普通的dom元素，如div、span等，把元素的id命名为shake，这里可以任意命名。我们用图片如下：复制代码代码如下: <img src="http://jqueryui.com/jquery-wp-content...

jquery插件实现鼠标经过图片右侧显示大图的效果（类似淘宝）

2016年07月27日 7 阅读

这个插件的名字elevatezoom，网址为http://www.elevateweb.co.uk/image-zoom，在github上的项目首页为https://github.com/elevateweb/elevatezoom，建议去github下载，这个网速比较快。实现这个效果你需要准备两张图片，一张小的，一张大用于鼠标经过时候显示。然后我们只要为img标签添加data-zoom-image属性，其值为大图的地址，最后在javascript中选择...

6款经典实用的jQuery小插件及源码（对话框/提示工具等等）

2016年07月27日 5 阅读

jQuery是一款当之无愧的JS开源框架，凭借其小巧实用占领了很大的开发市场，jQuery另外一个优势就是拥有丰富多彩的插件，这些插件可以帮助你简化很多的开发过程。下面介绍的6款实用jQuery小插件及源码，希望大家喜欢。1、jQuery智能单词提示工具这是一款可以根据当前输入智能提示单词的插件，效果很棒。在线演示 /源码下载2、CSS3实现的Photoshop按钮效果这是用jQuery和CSS3实现的Photoshop按钮效果。在线演示 /源码下载3、j...

Js 获取Gridview选中行的内容操作步骤

2016年07月27日 5 阅读

复制代码代码如下: //取得gridview中获取选中行指定列的值 function Select（） { //获取鼠标点击的元素var e=eventsrcElement; //获取元素所在的行的行号（表头行号从0开始）。注意：parentElement只适用于IE浏览器，而parentNode则符合DOM标准。 //var rowIndex=eparentElementparentElementrowIndex ; var rowIndex=epar...

漂亮的jquery提示效果（仿腾讯弹出层）

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> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&g...

JS打印gridview实现原理及代码

2016年07月27日 5 阅读

复制代码代码如下: var hkey_root = "HKEY_CURRENT_USER"; var hkey_path = "\Software\Microsoft\Internet Explorer\PageSetup\"; var hkey_key; function printPage（） { try { var RegWsh = new ActiveXObject（"WScript.Shell"）; hkey_key = "header" Re...

首页 / 脚本样式 / JavaScript

js自定义事件及事件交互原理概述（一）

js自定义事件及事件交互原理概述（二）

JavaScript NodeTree导航栏（菜单项JSON类型/自制）

jquery的冒泡事件的阻止与允许（三种实现方法）

js中eval（）函数和trim（）去掉字符串左右空格应用

js解析xml字符串和xml文档实现原理及代码（针对ie与火狐）

js触发asp.net的Button的Onclick事件应用

自定义右键属性覆盖浏览器默认右键行为实现代码

js操作CheckBoxList实现全选/反选（在客服端完成）

js网页中的（运行代码）功能实现思路

js/jQuery对象互转（快速操作dom元素）

js实现网站首页图片滚动显示

实现局部遮罩与关闭原理及代码

用按钮控制iframe显示的网页实现方法

Jquery UI震动效果实现原理及步骤

jquery插件实现鼠标经过图片右侧显示大图的效果（类似淘宝）

6款经典实用的jQuery小插件及源码（对话框/提示工具等等）

Js 获取Gridview选中行的内容操作步骤

漂亮的jquery提示效果（仿腾讯弹出层）

JS打印gridview实现原理及代码