DHTML
1.js将浏览器本身,网页文档,以及其中的html元素等都用相应的内置对象来表示.
这些对象及对象之间的层次关系称为DOM(Document Object Model)
2.一些对象是作为另外一些对象的属性存在的.
3.事件和事件源,每个对象支持几种事件,每个对象都能成为事件源.
用户的动作能产生事件,浏览器本身也有事件,比如载入load,关闭unload.
4.事件就是告诉我们用户执行了什么操作或者浏览器执行了什么操作.
5.将一段代码与某个事件源上发生的某种事件相关联,当该事件源上发生该事件时,
浏览器便会自动执行与之关联的程序代码,从而引发一连串程序动作,称为事件
驱动(Event Driver).对事件进行处理的函数,称为事件处理程序(Event Handler)
6.DHTML(Dynamic Html) = css + js + dom是w3c提出的规范.
7.层次关系
window(最顶层,代表整个浏览器对象)
location(window对象的属性)
frames
..
document
links(document的直接或间接属性)
images
..
body
8.三种关联事件处理程序的方法
1.在html标签上增加一个事件属性,让事件属性等于处理该事件的函数名或程序代码.
function hideContextmenu() { window.event.returnValue=false; }
<body οncοntextmenu="hideContextmenu()">
可以认为document就代表<body>
这里body默认的上下文处理是打开右键菜单,通常情况下,浏览器处理完事件后,
都会自动调用默认的处理程序,returnValue=false即表示取消当前事件的默认处理.
2.排错:先检查有没有被调用,再检查是不是函数有错.
1.分段加入alert();确定范围.
2.从浏览器状态栏中看提示.单击,然后点详细信息,能看到错误信息.
显示几行几列有错.Ctrl+G转到某行.
3.return false取消默认处理里.在事件处理函数里加返回值,
则在调用时也用οncοntextmenu="return hide()"
4.直接在属性里编写代码
<a href=" www.163.com" οnclick="return false">163</a>
5.第二种方法,直接在js中给标签定义事件处理程序.
<script>
document.oncontextmenu = hideContextmemu;
function hideContextmenu() { return false; } </script>
6.第三种,专门的标签对.常用于插件处理.
<script for="document" event="oncontextmenu">
window.event.returnValue=false; </script>
7.对return false;的调用必须用return 函数名
1.js将浏览器本身,网页文档,以及其中的html元素等都用相应的内置对象来表示.
这些对象及对象之间的层次关系称为DOM(Document Object Model)
2.一些对象是作为另外一些对象的属性存在的.
3.事件和事件源,每个对象支持几种事件,每个对象都能成为事件源.
用户的动作能产生事件,浏览器本身也有事件,比如载入load,关闭unload.
4.事件就是告诉我们用户执行了什么操作或者浏览器执行了什么操作.
5.将一段代码与某个事件源上发生的某种事件相关联,当该事件源上发生该事件时,
浏览器便会自动执行与之关联的程序代码,从而引发一连串程序动作,称为事件
驱动(Event Driver).对事件进行处理的函数,称为事件处理程序(Event Handler)
6.DHTML(Dynamic Html) = css + js + dom是w3c提出的规范.
7.层次关系
window(最顶层,代表整个浏览器对象)
location(window对象的属性)
frames
..
document
links(document的直接或间接属性)
images
..
body
8.三种关联事件处理程序的方法
1.在html标签上增加一个事件属性,让事件属性等于处理该事件的函数名或程序代码.
function hideContextmenu() { window.event.returnValue=false; }
<body οncοntextmenu="hideContextmenu()">
可以认为document就代表<body>
这里body默认的上下文处理是打开右键菜单,通常情况下,浏览器处理完事件后,
都会自动调用默认的处理程序,returnValue=false即表示取消当前事件的默认处理.
2.排错:先检查有没有被调用,再检查是不是函数有错.
1.分段加入alert();确定范围.
2.从浏览器状态栏中看提示.单击,然后点详细信息,能看到错误信息.
显示几行几列有错.Ctrl+G转到某行.
3.return false取消默认处理里.在事件处理函数里加返回值,
则在调用时也用οncοntextmenu="return hide()"
4.直接在属性里编写代码
<a href=" www.163.com" οnclick="return false">163</a>
5.第二种方法,直接在js中给标签定义事件处理程序.
<script>
document.oncontextmenu = hideContextmemu;
function hideContextmenu() { return false; } </script>
6.第三种,专门的标签对.常用于插件处理.
<script for="document" event="oncontextmenu">
window.event.returnValue=false; </script>
7.对return false;的调用必须用return 函数名