天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 开发>技术文档>JavaScript中的事件代码调用

JavaScript中事件代码及对象模型的功能调用

天极网开发频道2012-06-02 06:00我要吐槽

  JavaScript的出现给静态的HTML网页带来很大的变化。JavaScript增加了HTML网页的互动性,使以前单调的静态页面变得有交互性,它可以再浏览器端实现一系列动态的功能,仅仅依靠浏览器就可以完成一些与用户的互动。

    //----------文件名:Event.html---------------------------
        <html>
         <head>
           <title>事件触发示例</title>
           <script language="javascript">
                function test()
                {
                    alert("事件触发测试!");
                 }
            </script>
           </head>
         <body>
             <form action="" method="post">
                 <input type="button" value="单机事件测试" onclick=“test()”>
                 </form>
         </body>
        </html>

  在HTML的标签中,绝大部分都可以出发一些事件,如鼠标单击、双击、鼠标经过、鼠标离开等,JavaScript最主要的功能就是与用户的交互,而用户只能在表单中提交输入内容,所以表单的所有输入标签都可以触发鼠标事件、键盘事件等JavaScript所能响应的常见事件。

  JavaScript所实现的动态功能,基本上都是对HTML文档或者是HTML文档运行的环境进行的操作。要么要实现这些动态功能就必须找到相应的对象。JavaScript中有已经定义过的对象供开发者调用,在了解这些对象之前先看图中的内容。

  图中的内容是一个简单的HTML文档在浏览器窗口中的文档对象模型,其中window、navigator、screen、history和location都是HTML文档运行所需的环境对象,document对象才是前面讲述的HTML文档,当然这个document对象还可以划分出html、head、body等分支。其各对象的具体功能介绍如下:

  1.windows对象:是所有对象中最顶层,HTML文档在windows对象中显示、

  2.navigator对象:可以读取浏览器相关的信息。

  3.document对象:是整个网页HTML内容,每个HTML文档被浏览器家在以后都会在内存中初始化一个document对象。

  4.history对象:可以控制浏览器的前进和后退。

  5.Location对象可以控制页面的跳转。

作者:Prince Wang责任编辑:王健楠)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
相关文章
办公软件IT新闻整机