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

如何创建一个JavaScript弹出DIV窗口层的效果

2017年02月06日 18 阅读

在本教程中，我将用最通俗的语言和最简洁的代码给大家演示如何创建一个JavaScript弹出DIV窗口层的效果。创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了，理由有二：首先，不友好——生硬的弹出对话框且伴随着“哐”的一声对用户体验是个很大的挑战；其次，兼容性不够强——有相当多的浏览器屏蔽了这种JS的Alert（）方法。于是，一个良好用户体验的网站需要一种更合理的解决方案——...

js中的this关键字详解

2017年02月06日 18 阅读

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，复制代码代码如下: function test（）{ this.x = 1; } 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局...

jQuery中filter（）和find（）的区别深入了解

2017年02月06日 19 阅读

一直不是很清楚filter（）方法和find（）方法的区别，今天在看jQuery Cookbook一书中，终于算是搞清楚了。 filter（）过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合复制代码代码如下: $（"div"）.filter（".div1"）;//选择div标签中class属性为div1的div元素 find（）在当前选中元素的上下文中找到符合条件的后代，返回的是子元素复制代码代码如下: $（"div"...

javascript date格式化示例

2017年02月06日 15 阅读

复制代码代码如下: /** * 对Date的扩展，将 Date 转化为指定格式的String * 月（M）、日（d）、12小时（h）、24小时（H）、分（m）、秒（s）、周（E）、季度（q）可以用 1-2 个占位符 * 年（y）可以用 1-4 个占位符，毫秒（S）只能用 1 个占位符（是 1-3 位的数字） * eg: * （new Date（））.pattern（"yyyy-MM-dd hh:mm:ss.S"） ==> 2006-07-02 0...

简单常用的幻灯片播放实现代码

2017年02月06日 19 阅读

幻灯片自动播放图片是当前网站比较流行的一个展示方式。在网上我们能找到各种特效丰富的幻灯片插件和代码。这里项目需要，我自己做了一个简单的，就不详细讲解了，代码很简单。直接看效果图和代码吧。所有代码 ppt.html，需要提供相应图片才能显示：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loo...

仿当当网淘宝网等主流电子商务网站商品分类导航菜单

2017年02月06日 18 阅读

本文实现了一个分类导航的菜单,和大多数流行的电子商务网站类似. 菜单的实现难点主要在CSS的编写上,并没有用到太多的JS. 下面只介少几处关键点,详细的实现可以直接查看源代码.所有的代码都在一个sidebar.html文件中. （1）在图片中的标号1的开口如何实现？开口右边是一个postion被设置成absolute的div, 这个div向左刚好偏移了1px, 使得左边的菜单栏压住其边框,而选中的菜单又边框是白色,就形成了缺口. （2）在图片中标号2...

js读取注册表的键值示例

2017年02月06日 19 阅读

复制代码代码如下: <span style="font-size:18px">try { var shell = new ActiveXObject（"WScript.Shell"）; --读取注册表 var key = shell.RegRead（"HKEY_CURRENT_USER\Software\AC3Filter\equalizer\Linear scale\eq_freq_0"）; -- 删除注册表 shell.RegDelete...

Jquery判断$（"#id"）获取的对象是否存在的方法

2017年02月06日 19 阅读

一、判断对象对象是否存在如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的复制代码代码如下: if（$（"#id"））{ }else{} 因为 $（“#id”）不管对象是否存在都会返回 object 。正确使用判断对象是否存在应该用：复制代码代码如下: if（$（"#id"）.length>0）{}else{} 使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。或者复制代码代码如下...

js实现两个值相加alert出来精确到指定位

2017年02月06日 15 阅读

如：Number（4.2）+Number（9.2）这两个值相加alert出来等于13.399999999999998，为什么？如：Number（2.2）+Number（9.7） alert出来等于11.899999999999998 但是像这样的 Number（2.3）+Number（9.9） alert出来等于12.2 。这个值是我想要的。为什么有的数值加起来会出现那么多的小数位呢，有的加起来又没有呢？复制代码代码如下: <html&...

jquery 页面滚动到指定DIV实现代码

2017年02月06日 17 阅读

参数id为页面元素id 复制代码代码如下: function mScroll（id）{$（"html,body"）.stop（true）;$（"html,body"）.animate（{scrollTop: $（"#"+id）.offset（）.top}, 1000）;} ...

仿百度的关键词匹配搜索示例

2017年02月06日 19 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>关键词匹配搜索仿百度</title> <meta name="description" content=" 内容介绍不超过100个中文"> ...

js跨浏览器实现将字符串转化为xml对象的方法

2017年02月06日 19 阅读

注意该死的ie多版本的问题复制代码代码如下: function loadXML（xmlString） { var xmlDoc = null; if （！window.DOMParser && window.ActiveXObject） { var xmlDomVersions = ["MSXML.2.DOMDocument.6.0", "MSXML.2.DOMDocument.3.0", "Microsoft.XMLDOM"]; for （var i...

jquery实现table鼠标经过变色代码

2017年02月06日 18 阅读

复制代码代码如下: $（"#<%=AllEvent.ClientID%> tr:not（:has（"th"））"）.hover（function （） { $bg = $（this）.css（"background-color"）; $（this）.css（"background-color", "#ffc4c6"）; }, function （） { $（this）.css（"background-color", $bg）; }）; ...

js的onload事件及初始化按钮事件示例代码

2017年02月06日 19 阅读

大家常见的肯定都是<body onload=""> 这种用法.其实,不仅可以在body 上用它还支持多个HTML标签.用法如下: onload事件当一个页面或是一张图片加载完成时被触发。所支持的HTML标签： <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> 实例：第一种方法复制代...

jquery实现加载等待效果示例

2017年02月06日 15 阅读

复制代码代码如下: var dates = this.options.form.getWidgetByName（"dates"）.getValue（）; $.ajax（{ url: "http://127.0.0.1:9009/Brilliantzz/service/snproduct.do", data:dates, beforeSend:function（） { var h = document.body.clientHeight; $（"<d...

Jquery实现图片左右自动滚动示例

2017年02月06日 15 阅读

复制代码代码如下: <！DOCTYPE HTML> <html> <head> <title>基于jQuery的控制左右滚动效果_自动滚动版本</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <style> body{fo...

JQuery页面图片切换和新闻列表滚动效果的具体实现

2017年02月06日 18 阅读

最近用到一个页面上图片左右切换和新闻列表滚动呈现的效果，整理如下：前段代码：复制代码代码如下:<！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"><he...

JavaScript中的运算符种类及其规则介绍

2017年02月06日 18 阅读

JavaScript中的运算符有很多，主要分为算术运算符，等同全同运算符，比较运算符，字符串运算符，逻辑运算符，赋值运算符等。这些运算符都有一些属于自己的运算规则，下面就为大家介绍一下JavaScript中的运算符。一、JavaScript运算符的种类 1、算术运算符：+ 、 - 、* 、 / 、 % 、 -（一元取反）、 ++ 、 -- 2、等同全同运算符：== 、 ===、！== 、！=== 3、比较运算符：< 、 >...

js中的referrer返回上一页使用介绍

2017年02月06日 18 阅读

js完整代码：复制代码代码如下: <script language="javascript"> var refer=document.referrer; document.getElementById（"backurl"）.value=refer; </script> “HTTP_REFERER” 链接到当前页面的前一页面的 URL 地址。不是所有的用户代理（浏览器）都会设置这个变量，而且有的还可以手工修改 HTTP_REFE...

Extjs实现进度条的两种便捷方式

2017年02月06日 15 阅读

做Extjs开发中，往往后台程序可能要执行一段时间才能得到返回结果，加入进度条可以提高客户体验度，以下为两种便捷的方式： 1.提交数据前用Ext.Msg.wait（"提示","正在处理数据，请稍候"）;弹出等待条，数据处理成功后用Ext.Msg.hide（）;将等待去掉，例如： Ext.Msg.wait（"提示","正在处理数据，请稍候"）; 复制代码代码如下: Ext.Ajax.request（{ url:"DataAction.ashx？method...

首页 / 脚本样式 / JavaScript

如何创建一个JavaScript弹出DIV窗口层的效果

js中的this关键字详解

jQuery中filter（）和find（）的区别深入了解

javascript date格式化示例

简单常用的幻灯片播放实现代码

仿当当网淘宝网等主流电子商务网站商品分类导航菜单

js读取注册表的键值示例

Jquery判断$（&quot;#id&quot;）获取的对象是否存在的方法

js实现两个值相加alert出来精确到指定位

jquery 页面滚动到指定DIV实现代码

仿百度的关键词匹配搜索示例

js跨浏览器实现将字符串转化为xml对象的方法

jquery实现table鼠标经过变色代码

js的onload事件及初始化按钮事件示例代码

jquery实现加载等待效果示例

Jquery实现图片左右自动滚动示例

JQuery页面图片切换和新闻列表滚动效果的具体实现

JavaScript中的运算符种类及其规则介绍

js中的referrer返回上一页使用介绍

Extjs实现进度条的两种便捷方式

Jquery判断$（"#id"）获取的对象是否存在的方法