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

javascript getElementsByClassName 和js取地址栏参数

2016年07月27日 8 阅读

getElementsByClassName（）为了从一大堆HTML代码中找出我们的树状菜单（也许有多个），我们先来实现一个通过className找DOM节点的方法：getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。此方法有两个参数：ele指出以哪个DOM节点为根节点寻找（也就是说只找ele的子节点），className指出符合条件的节点的class属性中必须包含怎样的className。它的返回值...

让firefox支持IE的一些方法的javascript扩展函数代码

2016年07月27日 8 阅读

这一段使得FireFox也支持IE的innerText方法复制代码代码如下: function isIE（）{ if （window.navigator.userAgent.toLowerCase（）.indexOf（"msie"）>=1） return true; else return false; } if（！isIE（））{ //firefox innerText define HTMLElement.prototype.__define...

javascript 多种搜索引擎集成的页面实现代码

2016年07月27日 5 阅读

－输入一个关键词，鼠标点击后面的搜索引擎链接，即可进入到该引擎的页面－如果输入关键词后敲回车，则使用默认搜索引擎，而每选择新的搜索引擎，默认引擎也会随之改变－自动记忆上次使用的搜索引擎，后面添加* 源代码如下，使用了多种IE/FF的适应办法：复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb231...

Javascript 模拟点击事件（点击链接与html点击）兼容IE/Firefox

2016年07月27日 14 阅读

一把情况下模拟点击一般两个方面，模拟点击超级连接事件firefox的兼容的函数为对HTMLAnchorElement 加入onclick事件复制代码代码如下:try { // create a element so that HTMLAnchorElement is accessible document.createElement（"a"）; HTMLElement.prototype.click = function （） { if （typeof...

javascript 模拟点击广告

2016年07月27日 6 阅读

1.用隐藏iframe来加载广告页面。复制代码代码如下: <！一开始我们就使用一个看不到的框架ID名为：framelink--> <iframe id="framelink" name="framelink" frameBorder="0" scrolling="no" width="0" height="0"></iframe> <！--创建一个带ID为“myLink”的连接--> <a id="...

javascript 精确获取样式属性（上）

2016年07月27日 8 阅读

JQuery，mootools，Ext等类库在这部分实现得非常艰辛，盘根错节地动用一大堆方法，因此想把这部分抠出来难度很大。深入研究它们的实现后，根据我积累的CSS知识，终于做出一个非常简炼的版本出来。它相当于JQuery.cssCur吧，不过或许功能还丰富一些，按饮食业话说叫“加量不加价”，我的可能还应叫“加量还减价”……版本还处于Beta阶段，由于只个工具函数就不弄成类了。复制代码代码如下: var getStyle = function（el, ...

javascript 精确获取样式属性（下）

2016年07月27日 7 阅读

复制代码代码如下: var rgb2hex = function（rgb） { rgb = rgb.match（/^rgb（（d+）,s*（d+）,s*（d+））$/）; return "#"+tohex（rgb[1]）+tohex（rgb[2]）+tohex（rgb[3]） } var tohex = function（x） { var hexDigits = ["0","1","2","3","4","5","6","7","8","9","A","...

javascript 精确获取页面元素的位置

2016年07月27日 9 阅读

复制代码代码如下: //取得元素x坐标 function pageX（elem） { return elem.offsetParent？（elem.offsetLeft+pageX（elem.offsetParent））:elem.offsetLeft; } //取得元素y坐标 function pageY（elem） { return elem.offsetParent？（elem.offsetTop+pageY（elem.offsetParent））...

javascript 可控式透明特效实现代码

2016年07月27日 8 阅读

空间就全凭CSS的绝对定位实现位移了。在开始之前，我们练习一下setTimeout的递归用法（用来模拟setInterval）。复制代码代码如下: function text（el）{ var node = （typeof el == "string"）？ document.getElementById（el） : el; var i = 0; var repeat = function（）{ setTimeout（function（）{ node.i...

Javascript解决常见浏览器兼容问题的12种方法

2016年07月27日 7 阅读

如果你不知道原因，不要过于担心，请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复。如果这些也无效，您可以通过下面列出的12个javascript解决方案修复它，这样您的网页看起来就能跨越所有浏览器了！在本文中，我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。 1. 自动匹配高度自从我们抛弃了基于Table的页面布局后，创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。1....

用AJAX返回HTML片段中的JavaScript脚本

2016年07月27日 6 阅读

这是AJAX开发中很常见的问题，如果你不是一直在用JavaScript框架做开发，相信你早就发现这个问题了。本文分析了两个解决办法，其中一个是讲解jQuery框架的实现。一、问题描述下面举个简单的例子，演示问题所在。在下面的例子中，假设变量responseText就是AJAX加载的HTML片段数据，其中包含脚本弹出一条消息，用innerHTML方法插入ID为ajaxData的DIV中，你可能期望看到弹出那个消息框，结果你发现没有，问题就是这样。复制...

javascript splice数组简单操作

2016年07月27日 6 阅读

Test var str="0101,0102,0103,0104"; function test（） { alert（"test"）; result=str.split（","）; result.splice（2,1）; alert（result.join（"-"））; } [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]比较简单的删除数组中数据操作，更详细的可以参考http://www.jb51.net/article/2...

jQuery 数据缓存data（name, value）详解及实现

2016年07月27日 7 阅读

作为一名程序员，一提到“缓存”你很容易联想到“客户端（浏览器缓存）”和“服务器缓存”。客户端缓存是存在浏览者电脑硬盘上的，即浏览器临时文件夹，而服务器缓存是存在服务器内存中，当然在一些高级应用场合也有专门的缓存服务器，甚至有利用数据库进行缓存的实现。当然这些都不在本文的讨论范围，本文要讨论的是最流行的JavaScript框架jQuery的数据缓存实现原理，这是jQuery1.2.3版开始加入的新功能。一、 jQuery数据缓存的作用 jQuery数据缓存...

javascript下动态this与动态绑定实例代码

2016年07月27日 8 阅读

那么函数就是被掰成两部分储存于对象，一是其函数名（键），一是函数体（值），那么函数中的this一般都指向函数所在的对象。但这是一般而已，在全局调用函数时，我们并没有看到调用者，或者这时就是window。不过，函数声明后，其实并没有绑定到任何对象，因此我们可以用call apply这些方法设置调用者。一个简单的例子： [script] <script> window.name = "window"; var run = function（） {...

javascript forEach函数实现代码

2016年07月27日 7 阅读

复制代码代码如下: function forEach（object, block, context, fn） { if （object == null） return; if （！fn） { if （typeof object == "function" && object.call） { //遍历普通对象 fn = Function; } else if （typeof object.forEach == "function" && object.fo...

javascript bind绑定函数代码

2016年07月27日 13 阅读

具体结论可参见《javascript下动态this与动态绑定实例代码》。本文专注设计一个无侵入的绑定函数。 window.name = "the window object" function scopeTest（） { return this.name } // calling the function in global scope: scopeTest（） // -> "the window object" var foo = { name: "t...

javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

2016年07月27日 5 阅读

因为在JavaScript中，mousedown、mouseup、click执行顺序是从左到右的，更重要的是一旦mousedown事件激活，正常情况（不在mousedown事件中绑定的方法使用alert类似方法，因为弹出对象框就阻止了事件传递，即后续调用事件丢失）下后面两个事件也肯定会被激活。平时我们在一个标签上只绑定一个click事件，其实触发click事件也都调用了mousedown、mouseup等事件，只是它们调用周期极短，而且我们又没有编写相关函...

jQuery DOM操作小结与实例

2016年07月27日 7 阅读

DOM操作的分类：DOM CORE（核心）、HTML-DOM和CSS-DOM 1. DOM Core DOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML. Javascript中的getElementById（）,getElementByTagName（）,getAttribute（）和setAttribute（）方法，都是d...

Extjs学习笔记之一初识Extjs之MessageBox

2016年07月27日 6 阅读

在其中新建一个my目录，以后所有的样例文件都新建在这个目录中。1.Hello world！先看一个Extjs版的Hello World网页的全部代码：复制代码代码如下: <html> <head> <title>Extjs MessageBox</title> <link rel="Stylesheet" type="text/css" href="../resources/css/ext-al...

Extjs学习笔记之二初识Extjs之Form

2016年07月27日 9 阅读

Extjs中的表单组件是Ext.form.BasicForm，不过最简单最常用的是Ext.form.FormPanel控件，它继承自Panel，具有一定的界面显示控制能力，它其中包含着一个BasicForm对象，用来执行向服务器提交，加载等动作。Extjs也对常用的html表单项进行了封装，提供了一些额外的功能，比如数据验证。实际使用的时候只要向FormPanel中添加这些表单项即可。常见的表单项有，TextField，NumberField,Radio,...

首页 / 脚本样式 / JavaScript

javascript getElementsByClassName 和js取地址栏参数

让firefox支持IE的一些方法的javascript扩展函数代码

javascript 多种搜索引擎集成的页面实现代码

Javascript 模拟点击事件（点击链接与html点击） 兼容IE/Firefox

javascript 模拟点击广告

javascript 精确获取样式属性（上）

javascript 精确获取样式属性（下）

javascript 精确获取页面元素的位置

javascript 可控式透明特效实现代码

Javascript解决常见浏览器兼容问题的12种方法

用AJAX返回HTML片段中的JavaScript脚本

javascript splice数组简单操作

jQuery 数据缓存data（name, value）详解及实现

javascript下动态this与动态绑定实例代码

javascript forEach函数实现代码

javascript bind绑定函数代码

javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

jQuery DOM操作小结与实例

Extjs学习笔记之一 初识Extjs之MessageBox

Extjs学习笔记之二 初识Extjs之Form

Javascript 模拟点击事件（点击链接与html点击）兼容IE/Firefox

Extjs学习笔记之一初识Extjs之MessageBox

Extjs学习笔记之二初识Extjs之Form