DOM编程之一

1DHTML

(1)js将浏览器本身、网页文档、以及网页文档中的HTML元素等都用相应的内置对象来表示,这些对象与对象之间的层次关系统称为DOMDocument Object Model,文档对象模型)。

(2)CSS、脚本编程语言和DOM的结合使用,能够使HTML文档与用户具有交互性和动态变换性,这三种技术的单一称谓叫DHTMLDynamic HTML,动态HTML)。

(3)DOM对象的层次关系

       Window{

                 Location

                 Frames

                 History

                 Navigator

                 Event

                 Screen

                 Document{

                             Links

                             Anchors

                             Images

                             Filters

                             Forms

                             Applets

                             Embeds

                             plugIns

                             Frames

                             Scripts

                             All

                             Selection

                             styleSheets

                             body

                          }

                     

              }

2,如何编写事件处理程序

js中有三种方法把事件和事件处理程序关联起来:

(1)在事件源所对应的HTML标签上增加一个相应的事件属性,让事件属性的值等于该事件的函数名或是程序代码;如:

<script type="text/javascript">

  

  function  hideContextmenu(){

  window.event.returnValue=false;

  }

  

</script>

<body oncontextmenu="hideContextmenu()">

注意:如果要改变事件的默认处理方式,如单击超链接则跳转到相关页面,只需把事件属性值得改为“return  false”即可,如:

<a href="http://www.baidu.com" onclick="return false">百度</a>

(2)直接在JS代码中设置对象的事件属性,让对象的事件属性值等于处理函数名或是程序代码;如:

<script type="text/javascript">

  document.οncοntextmenu=hideContextmenu;

  function  hideContextmenu(){

  window.event.returnValue=false;

  }

  

</script>

(3)在一个专门的<script>标签对中编写某个元素对象的某种事件处理程序代码,并用for属性指定事件源,用event属性指定事件名;如:

<script type="text/javascript" for="document" event="oncontextmenu">

  window.event.returnValue=false;

</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值