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

window.onload的页面加载技巧

2016年07月27日 7 阅读

把两段代码分别测试后发现不带括号的window.onload在页面加载后显示了正确的效果。我想window.onload也相当于一个触发事件，如果函数加了括号那就直接先执行函数，再加载body。而不加括号，则相当于将一个函数当作变量赋值到window.onload上，并不立即加载。代码一： window.onload = doIt（）; function doIt（） { var oDiv = document.getElementById（"...

javascript显示隐藏层比较不错的方法分析

2016年07月27日 8 阅读

这是一个Q&A的页面，设计师希望能够点击相关的问题后，在它下方显示对应的答案。这是一个比较常见功能，通常的解决办法是把“答案”当作整个问题容器的子元素，然后点击父元素上的按钮后展开对应的子元素。通过父子元素的对应关系来匹配标题和答案。但是当初写html的时候并没有考虑到脚本编写（需求是后加的），所以，答案和标题没有父子关系可以对应。 html代码如下。所以，这里需要用到另一种方法来匹配答案和标题。我们可以通过捕捉元素的位置来匹配它们。也就是说第一条标题...

javascript优先加载笔记代码

2016年07月27日 9 阅读

函数部分复制代码代码如下:<script type="text/javascript"> function sysTab（） { $（"#container > ul"）.tabs（{ selected: 0 }）; } </script> 复制代码代码如下:<body> <div id="container"><！--需要加载的dom--> <ul> <li>...

select组合框option的捕捉实例代码

2016年07月27日 11 阅读

这是一份报名表单，要求用户在选中“专业人士访问员”和“定性访问员”后，分别显示“可提供被访者类型”和“容易接触到的行业”的对应表单。当呈未选中状态时，这2个框也对应的隐藏起来。 html部分复制代码代码如下:<p> <label class="title">报名参加的兼职职位（必填项）<br/>按住Ctrl键可多选</label> <select onchange="showEasyVisitBox...

JavaScript for in锚点的动态创建

2016年07月27日 9 阅读

测试for..in [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]<！--锚点的使用--> test anchor 跳转目标对象处 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]//状态栏文字的滚动测试状态栏字符的滚动 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

初学JavaScript第一章第1/2页

2016年07月27日 7 阅读

JavaScript的数据类型 Number:整形,浮点型 String:字符型数据,JavaScript不区分单个字符和字符串, 任何字符或字符串都可以用又引号或单引号引起来. Boolean:布尔型 Undefined:未定义类型,用于不存在或者没有被赋初值的变量或对象的属性如: var name;此时的name即为Undefined Null:空值,一般将Undefined型和Null型等同对待 Function:函数,可以通过new操作符和构造函数...

初学JavaScript第二章

2016年07月27日 9 阅读

JavaScript的对象都是实例化了的,只可以使用而不能够创建继承于这些对象的新的子类. window对象为所有对象的Parent window对象的主要属性有:Name,Length,Parent,Self,Top,Status,Default Status,Opener,Closed. window对象的主要方法有:Item,alert,blur,close,confirm,open,focus,showModalDialog. Document对象...

javascript类型File的Input按钮功能研究

2016年07月27日 8 阅读

比如 http://www.youku.com/v1.0.0326/v/swf/up.swf 这是优酷的视频上传选择，其是通过FLASH的方法来实现了不显示非视频类文件。 FLASH到这种效果一般也就是如这里所描述的复制代码代码如下: import flash.net.FileReferenceList; var fileRef:FileReferenceList = new FileReferenceList（）; var allTypes:Arra...

JavaScript下申明对象的几种方法小结

2016年07月27日 9 阅读

1.var myObject = {} ; 2.function myObject（） { .... } 3.var myObject = function（）{} ; 对于后两种方法，我们还可以增加参数，这样就类似于一个带参数的构造器了. 例如: function myObject（msg） { alert（msg） ; } var newObject = new myObject（"Hello,World！"） ; var myObject = fun...

初学JavaScript_03（ExtJs Grid的简单使用）

2016年07月27日 8 阅读

<html> <head> <title>Ext中的Grid例子</title> <link rel="stylesheet" type="text/css" href="../AllRes/resources/css/ext-all.css"/> <script type="text/javascript" src="../AllRes/adapter/ext/ext- base.js"&...

jquery的颜色选择插件实例代码

2016年07月27日 10 阅读

复制代码代码如下:（function（$）{ $.fn.extend（{ selectColor:function（）{ var _d = new Date（）; var _tem = _d.getTime（）; return this.each（function（）{ var showColor = function（_obj）{ var _left = parseInt（$（_obj）.offset（）.left）; var _top = parse...

一个jquery的弹出层的插件第1/2页

2016年07月27日 9 阅读

复制代码代码如下:String.prototype.replaceAll = function（s1,s2）{ return this.replace（new RegExp（s1,"gm"）,s2）; }; （function（$）{ /* * $-layer 0.1 - jquery pulg-in * * Copyright （c） 2008 King Wong * $Date: 2008-09-28 $ */ var ___win___ = win...

IE与firefox之jquery用法区别

2016年07月27日 8 阅读

IE与火狐下可以跑. //回车事件处理 $（document）.keydown（function（event）{ if（event.keyCode==13）{ alert（$（"#idone"）.val（））; //回车键盘ISBN获取 if（$（"#idone"）.val（）=="isbn"）{ //isbncheck（）; $（"#ztm"）.focus（）; }else if（$（"#idone"）.val（）=="ztm"）{ $（"#bltm"）...

判断JavaScript对象是否可用的最正确方法分析

2016年07月27日 7 阅读

原文：http://www.quirksmode.org/js/support.html原文作者：Peter-Paul Koch以下为对原文的翻译：判断对象存在的方法很快你就会注意到，JavaScript的部分功能在部分浏览器中无效。如果你要使用一些脚本的高级特性，你首先要检查浏览器是否支持要使用的对象，本文具体说明判断的正确方法。通过判断浏览器的版本：不！如果你想知道浏览器是否支持代码中使用的那些对象，记住，永远都不要通过浏览器的版本来判断。我确定你知道...

javascript布局查看器效果代码

2016年07月27日 7 阅读

body{ margin:0 auto; width:950px; font-size:12px; text-align:center; } #wholebody{ width:950px; } .newline{/*仅应用于右侧*/ clear:both; width:700px; } #top{ height:auto; } .left_square{ } .right_square{ } #topic{ height:100px; } #lef...

鼠标跟随效果代码

2016年07月27日 7 阅读

Untitled Document document.onmousemove=function（e）{ var e=e？e:window.event; var posx=e.clientX; var posy=e.clientY; document.images[0].style.left=posx+"px"; document.images[0].style.top=posy+"px"; } [Ctrl+A 全选注:如需引入外...

js模拟画笔效果

2016年07月27日 7 阅读

模拟画笔效果 var ballW = 10,ballH = 10; document.onmousemove = function（evt）{ var evt=evt？evt:window.event; var posX=evt.clientX; var posY=evt.clientY; var newDiv=document.createElement（"div"）; document.body.appendChild（newDiv）; ne...

JS版网站风格切换实例代码

2016年07月27日 9 阅读

样式表连接,设3种风格，把你要改变的图片背景等写入样式表。复制代码代码如下: <link media="screen" href="/css/default.css" rel="stylesheet" type="text/css" title="default" /> <link media="screen" href="/css/blue.css" rel="alternate stylesheet" type="text/css...

无废话JavaScript教程（全集）第1/4页

2016年07月27日 8 阅读

《程序员》2008.09期有一篇名为《无废话ErLang》的文章，这让我想到了许多的诸如“无废话C”、“无废话书评”这类的文章，也想到了JavaScript可没有一篇“无废话”，所以决定开个篇来写这个。与这个决定相关的，还因为另一个缘故：许多读者认为我那本《JavaScript语言精髓与编程实践》读来辛苦，所以我一直想写个简单的读本。索性，这次就写个最简单的吧。声明一下：如果只想看复杂的东西，不要读这篇文章了。一、JavaScript最初其实是过程式的...

执行iframe中的javascript方法

2016年07月27日 9 阅读

复制代码代码如下:document.getElementById（"iframeId"）.contentWindow.functionName（）;复制代码代码如下:window.frames["framename"].functionName（）; ...

首页 / 脚本样式 / JavaScript

window.onload的页面加载技巧

javascript显示隐藏层比较不错的方法分析

javascript优先加载笔记代码

select组合框option的捕捉实例代码

JavaScript for in锚点的动态创建

初学JavaScript第一章第1/2页

初学JavaScript第二章

javascript类型File的Input按钮功能研究

JavaScript下申明对象的几种方法小结

初学JavaScript_03（ExtJs Grid的简单使用）

jquery的颜色选择插件实例代码

一个jquery的弹出层的插件第1/2页

IE与firefox之jquery用法区别

判断JavaScript对象是否可用的最正确方法分析

javascript布局查看器效果代码

鼠标跟随效果代码

js模拟画笔效果

JS版网站风格切换实例代码

无废话JavaScript教程（全集）第1/4页

执行iframe中的javascript方法