Javascript
关注
分享
扫一扫
aidenliu
这个作者很懒，什么都没留下…
展开
-
onunload,onbeforeunload,load事件
1. Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而o转载 2010-01-14 13:14:00 · 4252 阅读 · 1 评论 -
[转]说说CSS Hack 和向后兼容
<br /><br />人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。<br /><br />在解决兼容方法上，想定出一个统一的规范，个人认为应原创 2010-07-17 18:44:00 · 518 阅读 · 0 评论 -
【转】JS日历控件
【转自】http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html在进行开发的过程中，经常需要输入时间，特别是在进行查询、统计的时候，时间限定更为重要。 尽管ASP.NET也集成了日历控件，但是其集成的代码量很大，你可以做一个测试，当你在页面使用一个日历控件时，在发布之后查看该页面的源代码，你会惊奇发现，日历控件的代码量很庞大，这就大大增加的带宽的开销，每当一个客户端请求这个页面，服务器都要将如此庞大的代码进行发送，使得服务器负担加重。而转载 2010-07-24 17:51:00 · 599 阅读 · 0 评论 -
[转]document.getElementsByClassName的理想实现]
<br />Pure DOM<br />通常先使用getElementsByTagName("*")取出文档中所有元素，然后进行遍历，使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*")，要使用分支document.all以防错误。<br />The Ultimate getElementsByClassName方案，作者为Robert Nyman，05年实现，可见老外许多东西在很早以前就走得很远了。<br /> <br />//原创 2010-07-24 17:47:00 · 1619 阅读 · 0 评论 -
【转】document.getElementsByClassName的理想实现
<br />【转自】http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1529640.htmldocument.getElementsByClassName的理想实现各种实现方式Pure DOM<br />通常先使用getElementsByClassName("*")取出文档中所有元素，然后进行遍历，使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*")，要使用分支docum转载 2010-07-24 17:55:00 · 737 阅读 · 0 评论 -
[转]contentWindow属性是指指定的frame或者iframe所在的window对象
<br /><br />在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则<br />必须指定contentWindow属性。<br />function EnableEdit()<br />{<br /> var editor;<br /> editor = document.getElementById("HtmlEdit").contentWindow;<br /> // 针对IE浏览器, make it转载 2010-06-03 17:22:00 · 994 阅读 · 0 评论 -
js DOM的previousSibling 和 nextSibling
<br />原来地址：http://blog.youkuaiyun.com/lin49940/archive/2009/10/26/4728125.aspx<br /> <br />定义和用法<br />nextSibling 属性可返回某个元素之后紧跟的节点（处于同一树层级中）。<br />如果无此节点，则该属性返回 null。语法：view plaincopy to clipboardprint?nodeObject.nextSibling previousSibling 属性可返回某节点之前紧跟的节点（处于同一转载 2010-08-12 17:53:00 · 2252 阅读 · 0 评论 -
设为首页加入收藏代码_兼容各浏览器ie系列Firefox
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml"> <br /><head> <br /><meta http-equiv="Content-Type" content="text/html; char转载 2010-09-15 18:21:00 · 648 阅读 · 0 评论 -
javascript 时间函数
<br />Javascript日期函数 <br /> Date（日期）对象可以使用Date()构造器来创建，在前面的教程中我们已经介绍了Date()构造器，这里就不重复叙述。它没有参数，返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入： <br /> <br /> var today = new Date(); <br /> 返回当前的日期和时间 <br /> <br /> var ne转载 2010-12-20 19:50:00 · 522 阅读 · 0 评论 -
js常用正则表达式
<br /><br />经过测试其中匹配双字节字符(包括汉字在内)：[^/x00-/xff]非常好用推荐一下<br />两外推荐个网址http://mscenter.edu.cn/blog/yongsheng/archive/2004/11/19/308.html<br />这个家伙收录的正则很多，呵呵<br />关键字：正则表达式 模式匹配 Javascript<br />摘要：收集一些常用的正则表达式。<br />正则表达式用于字符串处理，表单验证等场合，实用高效，但用到时总是不太把握，以致往往要上网转载 2011-04-19 17:16:00 · 772 阅读 · 0 评论 -
[转]Javascript压缩工具
原文地址：http://hi.baidu.com/duwuzhe722/blog/item/a5ba873801e35c32b9998ff9.html【转】 Javascript压缩工具(Javascript compressed,Js压缩)2011-04-26 09:23转载自 momoca最终编辑 duwuzhe722怎么压缩Js？为什么要压缩Javas转载 2011-06-15 11:59:00 · 1160 阅读 · 0 评论 -
【转】用jsmin批量压缩JS的批处理文件
在網頁中動態載入的 JavaScript 對於頁面顯示的速度影響甚多，不得不注意！尤其是很多人習慣把 JavaScript include 寫在 區塊中，這樣一來最大的問題就是 Browser 必須要等到 JavaScript 全部讀完後才會開始顯示網頁，如果你像信義房屋這樣，讀一個首頁要下載 18 個 JavaScript 外部檔且「沒有大頻寬」的話，首頁就要等這 18 個 JavaS转载 2011-06-15 12:02:00 · 3198 阅读 · 0 评论 -
背景图问滚动问题
让IE6和IE7都实现background-attachment：fixed;功能给输入框设置背景后，如果输入的文字超过了输入框的宽度，那么图片会随着文字的增加网前滚动这时在IE6下就要使用background-attachment:fixed;属性进行固定住图片，但是IE7中并不支持这个属性，此时可以将给输入框加个外层容器span，并设置span的背景图片，同时给in原创 2012-04-14 12:08:28 · 896 阅读 · 0 评论 -
javascript中this用法
this是面向对象语言中的一个重要概念，在JAVA,C#等大型语言中，this固定指向运行时的当前对象。但是在javascript中，由于 javascript的动态性（解释执行，当然也有简单的预编译过程），this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活，结合apply(call)方法，可以使JS变得异常强大。2.变化的this 在JavaScri原创 2012-04-14 12:06:55 · 946 阅读 · 0 评论 -
[转]addEventListener
<br /> <br />前面零散地写了些关于 addEventListener 的内容，觉得比较散，有些地方可能也说得不够清楚明白，所以决定以连载的形式从头到尾再写一篇。<br />addEventListener 用于注册事件处理程序，IE 中为 attachEvent，我们为什么讲 addEventListener 而不讲 attachEvent 呢？一来 attachEvent 比较简单，二来 addEventListener 才是 DOM 中的标准内容。<br />简介<br />addEvent转载 2010-07-17 11:55:00 · 440 阅读 · 0 评论 -
[转]javascript innerHTML、outerHTML、innerText、outerText的区别
<br /><br />下面的内容是网上找的，看完之后我的理解就是inner是指标签内的内容（不包括标签对象本身），outer是指标签对象本身及其标签里面的内容（包括标签对象本身）。<br />1、功能讲解: <br />innerHTML 设置或获取位于对象起始和结束标签内的 HTML <br />outerHTML 设置或获取对象及其内容的 HTML 形式 <br />innerText 设置或获取位于对象起始和结束标签内的文本 <br />outerText 设置(包括标签)或获取(不包括标签)对象的转载 2010-07-16 17:06:00 · 514 阅读 · 0 评论 -
JS控制滚动条函数集合
1.把视图画面平移一定的距离语法void=ScrollBy(double，double)参数分别表示向右滚动和向下滚动的距离（视图逻辑坐标）2. // 说明：用 Javascript 获取滚动条位置等信息 // 来源 ：ThickBox 2.1 // 整理 ：CodeBit.cn ( http://www.CodeBit.cn ) function getS转载 2010-01-22 18:13:00 · 2692 阅读 · 0 评论 -
[转]用Javascript获取页面元素的位置
用Javascript获取页面元素的位置 阮一峰 发表于 2009年09月14日 | 分类：首页 -> 档案 -> IT技术 制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方转载 2010-01-22 17:52:00 · 735 阅读 · 0 评论 -
JS面向对象的支持[转自http://www.cnblogs.com/dwjaissk/archive/2006/12/18/595761.aspx]
*JS面向对象的支持 Javascript面向对象特性（转载） JavaScript面向对象的支持~~~~~~~~~~~~~~~~~~很少有人对JavaScript的面向对象特性进行系统的分析。我希望接下来的文字让你了解到这个语言最少为人知的一面。1. JavaScript中的类型--------虽然JavaScript是一个基于对象的语言，转载 2010-01-30 12:18:00 · 1540 阅读 · 1 评论 -
JS事件大全（收集自网上）
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2 鼠标点击时触发此事件ondblclickIE4、N4 鼠标双击时触发此事件onmousedownIE4、N4 按下鼠标时触发此事件onmouseupIE4、N4 鼠标按下后松开鼠标时触发转载 2009-12-13 01:54:00 · 460 阅读 · 0 评论 -
frame,window.open(),等相关的跳转总结
页面A.window.open(B页面),如果在B页面调用A页面的test()方法，应该这么调用：B.window.opener.document.test();页面C为frameSet 如下： 这个时候B调用A的方法如何调用？B.parent.frames["a"].test();如果在B页面windo转载 2009-12-11 16:47:00 · 1394 阅读 · 0 评论 -
DOM对象
1 createElement(element) 创建一个指定标签名创建一个新的元素节点，返回值为指向新建元素节点的引用指针。 eg) var para = document.createElement("p"); document.body.appendChild(para); 2 createTextNode() 创建一个包含着给定文本的新文本节点，返回一个指向新建文本原创 2010-03-05 17:34:00 · 763 阅读 · 0 评论 -
return 在函数之外 错误解决
在做点击链接不产生任何效果的时候，之前一直用得好好的javascript:return false 竟然报return 在函数之外这个错误，上网查了下，有的说是将JS文件编码换成utf-8就OK，但是由于系统转换编码时会造成其它问题（乱码），就PASS了这个方法，后来由一篇文章得到了启发，用void(0) 搞定，文章如下：慎用JavaScript:void(0),2008年01月09日 星原创 2010-05-13 17:11:00 · 2535 阅读 · 1 评论 -
【转】js中的文档模式-document.compatMode
<br /><br />[转自]http://www.chinaz.com/Design/Pages/0Q4VU12009.html<br />今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。<br />IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一转载 2010-07-09 16:51:00 · 794 阅读 · 0 评论 -
JS获取网页宽高方法集合
JS获取网页宽高等方法的集合：document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高document.body.offsetWidth - 网页可见区域宽，包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高，包括边线和滚动条的高document.body.scrollWidth - 网页总宽document.body.scrollHeight - 网页总高document.bod转载 2010-07-09 17:32:00 · 4276 阅读 · 0 评论 -
js弹出层与遮罩层
<br /><script type="text/javascript"><br />var docEle = function() <br />{<br /> return document.getElementById(arguments[0]) || false;<br />}<br /><br />function openNewDiv(_id) <br />{<br /> var m = "mask";<br /> if (docEle(_id)) document.body.r转载 2010-07-09 18:08:00 · 641 阅读 · 0 评论 -
【转】Javascript拖拽&拖放系列文章3之细说事件对象
<br /><br />在阅读本文前，可以先阅读《Javascript拖拽&拖放系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性》这篇文章，以理清上下文关系。<br />Javascript中的事件对象其实和.NET中继承自EventArgs类的派生类类似，用来给事件处理程序传递状态信息，从而进行相应的操作。这一篇文章将讲述Javascript事件对象中和实现拖拽功能相关的几个属性，并在最后将IE事件模型和标准DOM事件模型的差异封装到一个类中，从而转载 2010-07-10 11:25:00 · 580 阅读 · 0 评论 -
[转]最短的拖动代码
<br />1.<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><meta http-equiv="Content-Type" content="text/html; charset=转载 2010-07-10 11:21:00 · 399 阅读 · 0 评论 -
【转】Javascript拖拽&拖放系列文章1之offsetParent属性
<br /><br />这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读。<br />第一篇就先讲讲Javascript中的offsetParent属性吧。<br /> <br /> <br />支持的浏览器：Internet Explorer 4.0+，Mozilla 1.0+，Netscape 6.0+，Opera 7.0+，Safari 1.0+<br /> <br /><br /><br />element.offsetPar转载 2010-07-10 11:22:00 · 360 阅读 · 0 评论 -
javascript:浮动div，可拖拽div,遮罩层(div和iframe实现)
转自：http://kb.cnblogs.com/a/1593190/在网页中，经常需要标题里提到的几种效果，实现比较简单，这里总结一下（IE测试通过），以备日后再用。预备知识：网页中的高和宽//获取浏览器的宽和高（多种浏览器）function getNavWidthandHeightInfo(){ var s = ""; s += " 网页可见区域转载 2012-05-04 10:54:12 · 2035 阅读 · 0 评论