DOM是Document Object Model文档对象模型的缩写。DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。
1.document.getElementById(id);--在文档里面通过id来找结点
2.document.getElementByTagName(tagName);--返回一个数组,包含对这些结点的引用
3.element.childNodes--返回element的所有子结点,可以用element.childNodes[i]的方式来调用
--element.firstChild=element.childNodes[0];
--element.lastChild=element.childNodes[element.childNonts.length-1];
4.element.parentNode --引用父结点
5.element.nextSibling; //引用下一个兄弟结点
element.previousSibling; //引用上一个兄弟结点
6.nodeName属性获得结点名称
--对于元素结点返回的是标记名称,如:<a herf><a>返回的是"a"
& ......
文章来自:http://www.oschina.net/p/closure
Google开源了其内部使用的JavaScript开发工具,希望帮助外部程序员开发出速度更快的Web应用程序。Google认为通过允许开发者使用Google自己所用的工具,他们不仅可以创造出更快的富Web应用程序,而且能真正让Web插上翅膀。Closure JavaScript编译器和库曾被Google用于开发Gmail、Google Docs、Google Maps以及其它应用程序。
Closure工具包括了JavaScript优化器,移除不需要的代码,压缩其余的代码以实现速度最大化;
与Firebug协同工作的Firefox扩展Closure Inspector,目的是简化调试;
Closure编译器,能以命令行、Web应用或Firefox扩展形式运行;
Closure Library,Google的标准JavaScript类库;
Closure Templates提供了一组预编译的JavaScript接口组件。
http://code.google.com/p/closure-compiler/downloads/list
http://closure-inspector.googlecode.com/files/closureinspector09.xpi ......
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框,确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值;
event.clientY 返回最后一次点击鼠标Y坐标值;
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件
document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合,
document.title docum ......
-、元素查找问题
1. document.all[name]
(1)现有问题:Firefox不支持document.all[name]
(2)解决方法:使用getElementsByName(name),getElementById(id)等来替代。
(3) 在 IE 中,getElementsByName()、document.all[name] 均不能用来取得 div 元素(是否还有其它不能取的元素还不知道)。
2. 集合类对象问题
(1)现有问题:IE中对许多集合类对象取用时可以用 (),但在Firefox只能用[]。
如:IE中可以使用document.forms("formName")来返回名字为"formName"的Form,但在Firefox却行不通。
(2)解决方法:使用[],上例中可以改为document.forms["formName"]
3. HTML元素的ID在JavaScript可见
(1)现有问题:IE中HTML元素中的ID可以作为document的下属对象变量名直接使用。在Firefox中不能。
(2)解决方法:使用getElementById("idName")代替idName作为对象变量使用。
4. eval(idName)取得对象
(1)现有问题:在IE中,利用eval(idName)可以取得ID为idName的HTML对象,在Firefox中不能。
(2)解决方法:用 getElementById(idName) 代替 eval(idName) ......
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td>no </table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<script language="JavaScript"> <!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --> </script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT> <!--
if (top.location != self.lo ......
单调的网站首页背景看多了不免有写厌烦,如果用户自己每刷新一次页面背景可以更换也许能为这种单调添一丝的新奇。这只需用一个JavaScript方法就可以搞定,通过随机函数在我们的一组图片中随机的选一张作为背景。
下面是JavaScript代码:
view plaincopy to clipboardprint?
<mce:script type="text/javascript"><!--
// Add a class to the body tag to alternate background features
var class_options = new Array( "variation1", "variation2", "variation3" );
if (Math.random) {
var choice = Math.floor(Math.random() * (class_options.length));
// Just in case javascript gets carried away...
choice = ( (choice < class_options.length) && choice >= 0) ? choice : 0;
if (document.body.className == ......