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

Javascript 面向对象重载

2017年02月06日 24 阅读

假如我这样定义：复制代码代码如下: function getDate（）{.....} function getDate（date）{.....} 那么后一个方法将覆盖前一个，虽然不报错。但是我们确实是可以实现重载的，如果你用过jQuery,你就会深有体会，比如$（"#btn"）.val（）是获取id为"btn"的按钮的value值，而$（"#btn"）.val（"点我"）则是给id为"btn"的按钮赋值。那么JavaScript是怎么实现（...

Javascript 面向对象继承

2017年02月06日 23 阅读

在JavaScript中实现继承可以有多种方法，下面说两种常见的。一，call 继承，先看代码：先定义一个“人”类复制代码代码如下: //人类 Person=function（）{ this.name="草泥马"; this.eat=function（）{ alert（"我要吃饭"）; } this.sleep=function（）{ alert（"我要睡觉"）; } } 再定义一个学生类，让它继承于Person 复制代码代码如下: //...

该如何加载google-analytics（或其他第三方）的JS

2017年02月06日 23 阅读

注册ga后，ga就会生成一段js脚本，很多人直接把这段js复制到<body>的最后面就完事（包括博客园、CSDN、BlogJava）。可是ga自动生成的这段JS真的就是最合理的吗？哪怎么样才算是合理，怎样才是不合理了？因ga只是1个分析工具，它的使用绝对不能影响到我们的程序，如果影响了，则是不合理的。不影响则是合理的。目前ga的使用: 先看看ga自动生成的js脚本，如下：复制代码代码如下: <script type="text...

javascript 面向对象 function类

2017年02月06日 23 阅读

如下：复制代码代码如下: function Student（） { //定义类Student中的字段，并赋予初值，但此字段的访问权限是public this.studentNo = "s001"; this.studentName = "小明"; this.sex = "男"; //定义类Student中的方法updateStudentName ，用于修改studentName 值 this.updateStudentName = function（s...

Javascript 面向对象命名空间

2017年02月06日 20 阅读

javascript中本没有命名空间的概念，但是要体现面向对象的思想，应当有命名空间，就像java中的package，.net中的namespace一样，作用主要为了防止类名冲突，相同的类名只要属于不同的命名空间，便不会冲突。最简单创建命名空间的方法：复制代码代码如下: var java = {}; java.util = {}; //这样就创建成功了命名空间：java.util //我们可以在java.util下面加类（函数）,属性，或...

Javascript 面向对象对象（Object）

2017年02月06日 26 阅读

javascript中的对象创建声明： var obj = {}; 或者 var obj = new Object（）; 为对象加入属性，方法： //=====第一种写法==================================== obj.name = "小明"; //为对象加属性 obj.updateName = function（name）{//为对象定义updateName方法 this.name = name; } alert（obj...

Javascript 面向对象继承

2017年02月06日 21 阅读

复制代码代码如下: var JsObject = {} || new Object（）; JsObject.extend = function（subClass, superClass）{ //先判断子类subClass是否已经定义，如果未定义，则重新定义类。 if（typeof subClass == "undefined"）subClass = function（）{}; //如果父类superClass是类，则转化成对象 i...

JS 文件传参及处理技巧分析

2017年02月06日 24 阅读

解决思路： 1、首先获取到当前JS文件的SRC属性，这里有一个小技巧：我们只需要获取当前页面最后一个script标记内容即可。为什么？？因为JS是顺序解析的，当前JS脚本解析时后面的js都还没有解析到，当然就认为自己就是最后一个script了。此外，这样获取还有一个好处：我们可以多次引用同一个文件且传入不同的参数，这样可以在js文件中根据参数不同做不同处理，很巧妙把！简直就是动态语言了。代码如下：复制代码代码如下: var scripts=docu...

js实现兼容IE6与IE7的DIV高度

2017年02月06日 20 阅读

复制代码代码如下:<body onload="setHeight（）"> <script type="text/javascript"> function setHeight（） { var PageHeight=$（"oPage"）.scrollHeight var MaxHeight=507 if（PageHeight>MaxHeight） { $（"oPageMain"）.style.height=$（"oPage"）...

Js 随机数产生6位数字

2017年02月06日 23 阅读

复制代码代码如下:<script type="text/javascript"> function MathRand（） { var Num=""; for（var i=0;i<6;i++） { Num+=Math.floor（Math.random（）*10）; } document.getElementById（"Lb_Random"）.innerText=Num; document.getElementById（"Lb_Rando...

解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari）

2017年02月06日 23 阅读

前言：这是一个老bug了，现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加，所以一直没有遇到这个问题，但是每个人写代码风格不同，有的人就喜欢写字符串形式的标签并用innerHTML插入，这不就有问题了，为了方便不同编码风格的人，我封装了一个方法，用于解决ie的这个bug和兼容5大浏览器，这样大家都可以用一个方法来实现不同的风格，便于维护管理。 bug描述：在ie下面使用innerHTML来插入option...

js href的用法

2017年02月06日 21 阅读

"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.location.href"、"location.href"：D页面跳转 "parent.location...

Jquery change（fontsize,background）改变颜色与背景的代码

2017年02月06日 25 阅读

change（fn）在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。豪情 p{line-height:23px;margin:0;padding:0;} $（function（）{ $（"#fontsize"）.change（function（）{ var size = $（"#fontsize"）.val（）; $（"p"）.css（"font-si...

jquery 实现的改变颜色与背景的代码 change（fontsize,background）补充2

2017年02月06日 24 阅读

change（fn）在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。豪情 p{line-height:23px;margin:0;padding:0;} $（function（）{ $（"#c-obj select"）.change（function（）{ alert（$（this）.attr（"id"） + ": " + $（this）.val（））...

jquery toggle faq 春江花月夜版

2017年02月06日 21 阅读

豪情 dt{cursor:pointer;font-weight:bold;line-height:26px;color:#53AEF8;} dd{line-height:23px;} p{line-height:23px;margin:0;padding:0;} $（function（）{ $（"#faq"）.find（"dd"）.hide（）.end（）.find（"dt"）.click（function（）{ $（this）.next（...

javascript实现的样式表（CSS）格式整理与压缩

2017年02月06日 21 阅读

样式表（CSS）格式整理与压缩 html,body,form,fieldset,textarea { height:100%; margin:0; padding:0; border:0; font-size:10pt; background:#eee; } form { margin:0 1%; overflow:hidden; } legend { line-height:3em; font-weight:bolder; } button ...

js 实现复制到粘贴板的功能代码

2017年02月06日 24 阅读

他主要有两个参数：第一个是设置要复制的是一段文本，第二个参数是要复制具体的内容，这个内容可以从文本框中或使用innerHTML获取。简单的实例代码：复制代码代码如下: <script type="text/javascript"> function copyData（） { var copyText = document.getElementById（"ctl00_cpRight_txtUrl"）.value; window.clipbo...

JavaScript prototype属性使用说明

2017年02月06日 24 阅读

这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量（Array）、逻辑变量（Boolean）、日期变量（Date）、结构变量（Function）、数值变量（Number）、对象变量（Object）、字符串变量（String）等，而相关的类的方法，也是程序员经常用到...

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

2017年02月06日 25 阅读

DHTML DHTML是个好东西，大大方面了前端的交互实现，使得获取页面元素以及动态修改页面元素变的简单无比。但是所有的浏览器都认识这些语法吗？ document.all document.all不是所有浏览器都能识别，要写出更通用的代码，最好还是通过id来得到，使用document.getElementById（…） element.outerText, element.innerText, element.outerHTML，element.inner...

跨浏览器开发经验总结（四）怎么写入剪贴板

2017年02月06日 23 阅读

IE、 Firefox可以支持JavaScript往剪贴板写入内容 IE可以很方便的支持剪贴板内容写入命令，可以使用execCommand（），也可以利用window.clipboardData。使用execCommand，需要先从页面选中要复制到剪贴板的内容，如以下代码：复制代码代码如下: var doc = obj.createTextRange（）; doc.select（）; doc.execCommand（"copy"）; 使用windo...

首页 / 脚本样式 / JavaScript

Javascript 面向对象 重载

Javascript 面向对象 继承

该如何加载google-analytics（或其他第三方）的JS

javascript 面向对象 function类

Javascript 面向对象 命名空间

Javascript 面向对象 对象（Object）

Javascript 面向对象 继承

JS 文件传参及处理技巧分析

js实现兼容IE6与IE7的DIV高度

Js 随机数产生6位数字

解决IE下select标签innerHTML插入option的BUG（兼容IE,FF,Opera,Chrome,Safari）

js href的用法

Jquery change（fontsize,background） 改变颜色与背景的代码

jquery 实现的改变颜色与背景的代码 change（fontsize,background）补充2

jquery toggle faq 春江花月夜版

javascript实现的样式表（CSS） 格式整理与压缩

js 实现复制到粘贴板的功能代码

JavaScript prototype属性使用说明

跨浏览器开发经验总结（三） 警惕“IE依赖综合症”

跨浏览器开发经验总结（四） 怎么写入剪贴板

Javascript 面向对象重载

Javascript 面向对象继承

Javascript 面向对象命名空间

Javascript 面向对象对象（Object）

Javascript 面向对象继承

Jquery change（fontsize,background）改变颜色与背景的代码

javascript实现的样式表（CSS）格式整理与压缩

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

跨浏览器开发经验总结（四）怎么写入剪贴板