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

jQuery选择头像并实时显示的代码

2017年02月06日 21 阅读

js：复制代码代码如下: //头像选择 function GetFace（） { var faceid = $（"#SelFace"）.val（）; if （faceid.length == 1） { faceid = "0" + faceid; } $（"#imgface"）.attr（"src", "/WebUI/template/images/public/tutu"+faceid+".gif"）; } 界面：复制代码代码如下: <s...

验证javascript中Object和Function的关系的三段简单代码

2017年02月06日 23 阅读

话说在楼猪理解和实践能力尚欠火候的时候，在这篇里曾经照搬了李战老师不少东西写在自己的博客里作为“知识储备”。这一次还是不能免俗。在翻到第5章的时候，被开篇第二段话深深吸引和折服：“函数具有对象的全部特征，你完全可以把函数当对象调用。其实，函数就是对象，只不过比一般的对象多了一个括号“{}”操作符，这个操作符用来执行函数的逻辑，即函数本身还可以被调用，一般对象却不可以被调用，除此之外完全相同”。寥寥数语，却深刻阐释了对象和函数的关系。下面楼猪就通过自己写的几...

用apply让javascript函数仅执行一次的代码

2017年02月06日 24 阅读

复制代码代码如下: var obj = new Object（）; obj.triggerOnce = function（fn） { //控制让函数只触发一次 return function（） { try { fn.apply（this, arguments）; } catch （e） { var txt = "There was an error on this page. "; txt += "Error message: " + e.messa...

两种简单实现菜单高亮显示的JS类代码

2017年02月06日 22 阅读

记得当年写静态页时,为了实现高亮都是在每个页面加不同的样式,呵.高亮显示我觉得对于web前端来说,是比较常用到的效果,正好此次又要用到,特地整理出我所写的两种高亮类. 其实思路很简单,第一种方法是通过遍历链接组的href值,通过indexOf判断href值是否被包含在浏览器当前url值中.此方法有一定局限,比如对于iframe内的菜单是不能这样判断的; 第二种方法适用范围更广一样,实现思路也比较简单,即通过判断点击,给点击项加载高亮样式. 第一种判断当前U...

js getElementsByTagName的简写方式

2017年02月06日 21 阅读

复制代码代码如下: //CLASS@Mr.Think*****getElementsByTagName function tag（name,elem）{ if（！document.getElementsByTagName） return false; return （elem || document）.getElementsByTagName（name）; } 使用不做详述,若是用于获取整个文档中某指定标签集合,可直接用tag（“xx”）获取....

判断是否是IE6版本并给出提示升级浏览器

2017年02月06日 24 阅读

下面的效果，只能在IE6下才能看到效果。判断IE版本并给出提示升级浏览器 #ie6-warning{ background:rgb（255,255,225） url（"/upload/201006/20100628012515690.gif"） no-repeat scroll 3px center; position:absolute; top:0; left:0; font-size:12px; color:#333; width:97%; p...

基于jquery的淡入淡出选项卡效果代码

2017年02月06日 25 阅读

经典选项卡 .tab{text-align:left;width:500px;border:#ccc 1px solid;margin:100px;} .tab dt{border-bottom:#ccc 1px solid;height:25px;background:#f1f1f1;margin-bottom:-1px;height:25px;line-height:25px;} .tab dt strong{padding:0 15px;...

JavaScript Tips 使用DocumentFragment加快DOM渲染速度

2017年02月06日 24 阅读

大家在使用JavaScript的时候，DOM操作是最平常不过的了，随着Web前端技术的发展,我们越来越多的使用JS来操作DOM元素，比如通过ajax请求获取到数据，然后更新页面上的元素，一般情况下，这种操作我们会用类似node.appendChild（）这中方式来完成。这个方法是无缓冲的，也就是说我们每次调用appendChild方法的时候，浏览器都会重新渲染页面。当然，使用这种方法也没有什么不行，因为我们在一般情况下都是对少量的DOM节点进行更新，也并...

Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式

2017年02月06日 24 阅读

默认情况下，生成的页面代码可能与下面的代码类似：复制代码代码如下: <！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> &l...

Jquery ui css framework

2017年02月06日 23 阅读

Jquery ui中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jquery ui的界面上，并且可以通过jquery ui ThemeRoller来生成自己的样式。 .ui-helper-hidden :为元素应用display:none .ui-helper-hidden-accessible：将元素的绝对位置设置为不可见 .ui-helper-clearfix:适用于浮动包裹父元素的属性 . ui...

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

2017年02月06日 23 阅读

—、获取dropdownlist的text（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签） $（"#ddlList option:selected"）.text（）二、获取dropdownlist的value（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签） $（"#ddlList"）.val（）三、获取radiobut...

使用jQuery.Validate进行客户端验证（初级篇）不使用微软验证控件的理由

2017年02月06日 24 阅读

主要理由有以下几点： 1、拖控件太麻烦，这个是微软控件的常用方式，你要使用一个控件你得从工具栏中拖到页面里（当然你也可以不拖手写）。2、必须指定验证对象，验证控件与其他textbox，dropdownlist控件不同的是它是验证其他控件的输入是否有效的，所以必须指定所验证的对象。3、影响整个页面美观，像一些管理系统总是需要进行大量的用户输入验证，所以就可能导致一个页面上有几十个验证控件严重影响了原来页面里的东西，看起来十分不舒服。4、ajax验证不方便，现...

jquery photoFrame 图片边框美化显示插件

2017年02月06日 25 阅读

三种样式都是用photoframe实现的，我会继续丰富其样式，目标是拿来即用，简化页面代码。使用：复制代码代码如下: <link type="text/css" rel="stylesheet" href="stamp/style.css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="te...

javascript hasFocus使用实例

2017年02月06日 21 阅读

如果网页处于焦点状态返回true,否则返回fasle 什么是焦点？焦点是指用户是否活动在该页面．确切的说鼠标是否在该网页内活动．或者说该网页中的内容是否有被选中的，或者光标存在于该页的某个元素内．如果具备其中一个条件那么该页就处于焦点状态．注意hasFocus方法只针对网页不针对浏览器．下面的实例中．你用鼠标点击网页时候．该网页处于焦点状态．你用鼠标点击浏览器的地址栏以后．该网页失去焦点并显示false．再次提醒hasFocus方法只能运行在docume...

Whatever:hover 无需javascript让IE支持丰富伪类

2017年02月06日 23 阅读

这很酷，因为这使你可以仅通过 css来对表格行（<tr>）应用鼠标滑过事件（mouseover）时的特殊效果。然而，万恶的IE，对 :hover伪类顶多只提供了有限的支持，具体支持的程度要取决于你的IE浏览器的具体版本。 Whatever:hover 是一个小小的脚本，它可以迅速、自动地为IE6，IE7，IE8添加标准的 :hover、:active 和:focus 伪类支持。第三版引入了 ajax 支持，意味着通过 javascript动态添...

JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动

2017年02月06日 21 阅读

html代码复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>试试</title> </head> <script type="text/javascript"> var data = { "1" : "a001", "...

通过javascript的匿名函数来分析几段简单有趣的代码

2017年02月06日 23 阅读

1、简单形式的封装调用复制代码代码如下: var userName = function（） { return "jeff wong" } （）; alert（userName）; 上面的代码确实简单，我们可以逐步分解成下面的写法：复制代码代码如下: var anonymousFunc = function（） { return "jeff wong" }; //匿名函数 var name = anonymousFunc（）; //执行该函数返...

javascript与CSS复习（《精通javascript》）

2017年02月06日 24 阅读

如：elem.style.height 或者 elem.style.height = "100px", 这里要注意的是设置任何几何属性必须明确尺寸单位（如px），同时任何几何属性返回的是表示样式的字符串而非数值（如"100px"而非100）。另外像elem.style.height这样的操作，也能获取元素style属性中设置的样式值，如果你把样式统一放在css文件中，上述方法只会返回一个空串。为了获取元素真实、最终的样式，书中给出了一个函数复制代码代码...

javascript与CSS复习（二）

2017年02月06日 23 阅读

visibility：在切换元素可见性的同时会保持元素在普通流中的位置和空间。它有两个值：visible（默认的）和hidden（不可见的），例如：复制代码代码如下: <p>Hello <b>John</b>, how are you today？</p>浏览器中是：Hello John, how are you today？接着我们把John所在b的visibility设置为hidden后，就会变成...

javascript与CSS复习（三）

2017年02月06日 20 阅读

我们先来看看如何获取光标相对于整个页面的位置，因为光标位置变量x，y一般通过鼠标事件获取（如mousemove或者mousedown），下面两个通用函数，用于获取光标相对于整个页面的当前位置。复制代码代码如下://获取光标的水平位置 function getX（e） { //通用化事件对象 e = e || window.event; //先检查非IE浏览器的位置,在检查IE的位置 return e.pageX || e.clientX + docum...

首页 / 脚本样式 / JavaScript

jQuery选择头像并实时显示的代码

验证javascript中Object和Function的关系的三段简单代码

用apply让javascript函数仅执行一次的代码

两种简单实现菜单高亮显示的JS类代码

js getElementsByTagName的简写方式

判断是否是IE6版本并给出提示升级浏览器

基于jquery的淡入淡出选项卡效果代码

JavaScript Tips 使用DocumentFragment加快DOM渲染速度

Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式

Jquery ui css framework

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

使用jQuery.Validate进行客户端验证（初级篇） 不使用微软验证控件的理由

jquery photoFrame 图片边框美化显示插件

javascript hasFocus使用实例

Whatever:hover 无需javascript让IE支持丰富伪类

JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动

通过javascript的匿名函数来分析几段简单有趣的代码

javascript与CSS复习（《精通javascript》）

javascript与CSS复习（二）

javascript与CSS复习（三）

使用jQuery.Validate进行客户端验证（初级篇）不使用微软验证控件的理由