JavaScript_DOM编程
一、事件处理程序方式 1.在对应的Html标签上增加一个要处理的事件属性 如:禁止在页面中使用单击鼠标右键弹出快捷菜单 <head> <script type="text/javascript"> function hideContextmenu(){ return false; } </script> </head> <body oncontextmenu="return hideContextmenu()"> </body> 2.直接在JavaScript代码中设置元素对象的事件属性 <script type="text/javascript"> document.oncontextmenu = hideContextmenu; function hideContextmenu(){ return false; } </script> 3.在<script>标签对中用for属性指定事件源和用event属性指定事件名 <script type="text/javascript" for="document" event="oncontextmenu"> return true; //或者 window.event.returnValue=false; </script> 二、DOM对象(参考w3school手册HTML_DOM部分与DHTML参考手册) 1.document ·与<body>标签相关的属性: alinkColor linkColor vlinkColor bgColor fgColor ·描述网页文档信息的属性 charset defaultCharset cookie fileCreatedDate:网页文档的创建时间 fileModifiedDate:网页文档的修改时间 fileSize:文件大小 lastModified: URL:返回或设置打开当前网页所用的URL地址 referrer:返回或设置导航到当前文件的超链接源的URL ·对象属性:对于对象数组xxx中的xxx["yyy"]与xxx.item("yyy")的主要区别在于yyy对应多个值时xxx["yyy"]返回的是最后一个值,xxx.item("yyy")返回的是数组,其数组元素值可用xxx.item("yyy",0)得到 forms数组:所有表单类数组 anchors数组 links数组 images数组 scripts数组 applets数组 all数组:所有标签数组 styleSheets数组:样式表对象数组 body对象:嵌入在body标签内的标签可以作为body的子元素引用 title对象 ·cookie属性 设置格式:name=value; expires=Fri,31 Dec 1999 23:59:59 GMT; path=/bookshop; domain=baidu.com; secure; expries:有效时间;path:有效地目录;domain:有效地域名;secure:设为安全访问 读取格式: 2.body对象 appendChild方法:将一个对象的Html标签添加到<body>标签对的最后 3.form对象 submit方法:该方法不会触发onsubmit事件 item方法:返回某字段元素值(不能返回type=image类型) onsubmit事件:在程序提交前触发,若其值为true则提交,若为false则不提交给服务器 三、script标签属性 ·defer 属性:该属性无值,设置该属性使得本标签在装置完后再执行,否则会在浏览器装载时局执行。 aaa <script language="javascript" defer> document.write("bbb"); </script> ccc 其结果为bbb,因为在加载完后执行document.write("bbb")时会重新打开文档 ·language属性:用于语言 ·type属性 (新标准建议用type代替lauguage) ·src属性: 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
1.在对应的Html标签上增加一个要处理的事件属性
如:禁止在页面中使用单击鼠标右键弹出快捷菜单
<head>
<script type="text/javascript">
function hideContextmenu(){
return false;
}
</script>
</head>
<body oncontextmenu="return hideContextmenu()">
</body>
2.直接在JavaScript代码中设置元素对象的事件属性
<script type="text/javascript">
document.oncontextmenu = hideContextmenu;
function hideContextmenu(){
return false;
}
</script>
3.在<script>标签对中用for属性指定事件源和用event属性指定事件名
<script type="text/javascript" for="document" event="oncontextmenu">
return true; //或者 window.event.returnValue=false;
</script>
二、DOM对象(参考w3school手册HTML_DOM部分与DHTML参考手册)
1.document
・与<body>标签相关的属性:
alinkColor
- qq_307806532015-10-26非常不错,可以看下
- 粉丝: 1
- 资源: 21
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
- C语言实现直接插入排序、希尔排序、选择排序、冒泡排序、堆排序、快速排序、归并排序、计数排序,并带图详解.zip
- 常用工具集参考用于图像等数据处理