javascript div 遮罩层封锁整个页面

2016年07月27日 6 阅读

具体解决方案如下： 一、IE和FF下document.body对象的clientHeight，offsetHeight，scrollHeight属性的差别。 clientHeight 在IE和FF下，该属性没什么差别，都是指浏览器的可视区域，即除去浏览器的那些工具栏状态栏剩下的页面展示空间的高度。 offsetHeight 在IE下，offsetHeight也是浏览器可视区域的高（包括边线） 在FF下，offsetHeight是页面具体内容的高度 scro...

javascript 页面只自动刷新一次

2016年07月27日 8 阅读

1.看看下面这段代码 复制代码 代码如下: <Script> function reurl（）{ url = location.href; //把当前页面的地址赋给变量 url var times = url.split（"？"）; //分切变量 url 分隔符号为 "？" if（times[1] ！= 1）{ //如果？后的值不等于1表示没有刷新 url += "？1"; //把变量 url 的值加入 ？1 self.location.rep...

Javascript 区别浏览器 代码

2016年07月27日 9 阅读

TAG index Web [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

checkbox 复选框不能为空

2016年07月27日 9 阅读

复制代码 代码如下:<script type="text/javascript"> function check_check（checkname）{ var flag; var checks = document.getElementsByName（checkname）; for（var i=0;i<checks.length;i++）{ if（checks[i].checked==true）{ flag = true; return t...

javascript 动态加载 css 方法总结

2016年07月27日 11 阅读

1. 用在外部CSS文件中加载必须的文件 @importurl（style.css）; //只能用在CSS文件中或者style标签中 2. 简单的在页面中加载一个外部CSS文件 document.createStyleSheet（cssFile）; 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName（"HEAD"）.item（0）; varstyle=document....

Prototype 学习 Prototype对象

2016年07月27日 7 阅读

环境： Prototype Version: "1.6.1_rc3" Aptana Studio, build: 1.2.5.023247 IE7 FF2.0.0.4 Opera 10 beta 复制代码 代码如下:var Prototype = { Version: "1.6.1_rc3", //定义浏览器对象 Browser: （function（）{ var ua = navigator.userAgent; var isOpera = Object...

Prototype 学习 工具函数学习（$方法）

2016年07月27日 9 阅读

$ $$ $A $F $H $R $w Try.these document.getElementsByClassName $方法——被成为瑞士军刀（Swiss Army knife） If provided with a string, returns the element in the document with matching ID; otherwise returns the passed element. Takes in an arbitr...

Prototype 学习 工具函数学习（$A方法）

2016年07月27日 6 阅读

$A方法: Accepts an array-like collection （anything with numeric indices） and returns its equivalent as an actual Array object. This method is a convenience alias of Array.from, but is the preferred way of casting to an Array. 复制代码 代...

Prototype 学习 工具函数学习（$w,$F方法）

2016年07月27日 7 阅读

$w方法 Splits a string into an Array, treating all whitespace as delimiters. Equivalent to Ruby"s %w{foo bar} or Perl"s qw（foo bar）.复制代码 代码如下:function $w（string） { if （！Object.isString（string）） return []; string = string.strip（）; re...

Prototype Object对象 学习

2016年07月27日 9 阅读

Object is used by Prototype as a namespace; that is, it just keeps a few new methods together, which are intended for namespaced access （i.e. starting with “Object.”）. 上面说的namespace个人理解就相当于C#中的静态类，提供工具函数的意思，和C#中的namespace应该不是一个概念。...

Prototype Function对象 学习

2016年07月27日 9 阅读

这个对象就是对function的一些扩充，最重要的当属bind方法，prototype的帮助文档上特意说了一句话：Prototype takes issue with only one aspect of functions: binding.其中wrap方法也很重要，在类继承机制里面就是利用wrap方法来调用父类的同名方法。argumentNames bind bindAsEventListener curry defer delay methodize...

Prototype Date对象 学习

2016年07月27日 7 阅读

看一下源码： 复制代码 代码如下: Date.prototype.toJSON = function（） { return """ + this.getUTCFullYear（） + "-" + （this.getUTCMonth（） + 1）.toPaddedString（2） + "-" + this.getUTCDate（）.toPaddedString（2） + "T" + this.getUTCHours（）.toPaddedString（2） ...

javascript 表格左右收缩

2016年07月27日 7 阅读

左右收缩表格 function tableOnLoad（） { var tableObj=document.getElementById（"testTable"）; var colNumber=tableObj.rows.item（0）.cells.length; var colObjs=tableObj.getElementsByTagName（"td"）; if（colNumber>5） { for（var i=5;i5）{ for（va...

JavaScript 事件对象的实现

2016年07月27日 6 阅读

比如，我们定义了一个Classroom对象，这里我们定一个事件，当教室里的人增加超60人时就触发一个事件onFull;具体定义如下： 复制代码 代码如下:var Classroom=function（） { this.numberOfPeople=0; this.onFull=null; this.peopleEnter=function（number） { this.numberOfPeople+=number; if（this.numberOfPeop...

JavaScript 事件查询综合

2016年07月27日 8 阅读

click（） 对象.click（） 使对象被点击。 closed 对象.closed 对象窗口是否已关闭true/false clearTimeout（对象） 清除已设置的setTimeout对象 clearInterval（对象） 清除已设置的setInterval对象 confirm（"提示信息"） 弹出确认框，确定返回true取消返回false cursor:样式 更改鼠标样式 hand crosshair text wait help defau...

jqurey 学习笔记 传智博客佟老师附详细注释

2016年07月27日 9 阅读

1 、写 js 的时候用 aptana （ IDE ），有 jquery 的代码提示。 把 code assist 里面的 jqurey1.3 选上就可以了。 2 、为一个元素增加事件的时候不要在 html 里加，在 js 中加。 不要写 <input type=”button” onclick=”xxx” id=”id”> 要写成： document.getElementById（“id”）.onclick = function（）{} 3 ...

javascript dom 操作详解 js加强

2016年07月27日 7 阅读

1 、文档里的每个节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能用于元素节点 返回 null 2 、 getElementsByTagName 返回一个节点集合 3 、 firstChild 、 lastChild 第一个元素节点，最后一个元素节点...

JavaScript 继承详解（一）

2016年07月27日 10 阅读

面向对象与基于对象几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。 在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。 我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中，所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言，而是基于对象的语言。 这里面就有一些有趣的特性，比如Jav...

JavaScript 继承详解（二）

2016年07月27日 7 阅读

thisthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： <script type="text/javascript"> console.log（this === window）; // true ...

JavaScript 继承详解（三）

2016年07月27日 7 阅读

注：本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子： function Person（name） {this.name = name;}Person.prototype = {getName: function（） {return this.name;}}function Employee（name, employeeID） {this.name = name;th...