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

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

2016年07月27日 6 阅读

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

javascript 面向对象 function类

2016年07月27日 6 阅读

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

Javascript 面向对象命名空间

2016年07月27日 6 阅读

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

Javascript 面向对象对象（Object）

2016年07月27日 6 阅读

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

Javascript 面向对象继承

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 8 阅读

复制代码代码如下:<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位数字

2016年07月27日 6 阅读

复制代码代码如下:<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）

2016年07月27日 8 阅读

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

js href的用法

2016年07月27日 7 阅读

"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）改变颜色与背景的代码

2016年07月27日 7 阅读

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

2016年07月27日 7 阅读

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 春江花月夜版

2016年07月27日 10 阅读

豪情 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）格式整理与压缩

2016年07月27日 8 阅读

样式表（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 实现复制到粘贴板的功能代码

2016年07月27日 7 阅读

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

JavaScript prototype属性使用说明

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 6 阅读

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

js 图片等比例缩放代码

2016年07月27日 7 阅读

复制代码代码如下: var scaleImage = function（o, w, h）{ var img = new Image（）; img.src = o.src; if（img.width >0 && img.height>0） { if（img.width/img.height >= w/h） { if（img.width > w） { o.width = w; o.height = （img.height*w） / i...

高性能web开发如何加载JS，JS应该放在什么位置？

2016年07月27日 6 阅读

外部JS的阻塞下载所有浏览器在下载JS的时候，会阻止一切其他活动，比如其他资源的下载，内容的呈现等等。至到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。有人会问：为什么JS不能像CSS、image一样并行下载了？这里需要简单介绍一下浏览器构造页面的原理，当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点（node）上引用了CSS或者IMAGE，就会再发1个request去请求CS...

首页 / 脚本样式 / 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依赖综合症”

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

js 图片等比例缩放代码

高性能web开发 如何加载JS，JS应该放在什么位置？

Javascript 面向对象命名空间

Javascript 面向对象对象（Object）

Javascript 面向对象继承

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

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

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

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

高性能web开发如何加载JS，JS应该放在什么位置？