<td id="cl7yg"></td>

        <code id="cl7yg"></code>

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

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

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

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

          天极网开发频道 2012. 06. 02 作者£ºPrince Wang 责编£º王健楠
          我要吐槽

          责任编辑

          ¡¡¡¡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文档运行的环境进行的操作¡£要么要实现这些动态功能就必须?#19994;?#30456;应的对象¡£JavaScript中有已经定义过的对象供开发者调用£¬在了解这些对象之前先看图中的内容¡£

          ¡¡¡¡图中的内容是一个简单的HTML文档在浏览器窗口中的文档对象模型£¬其中window¡¢navigator¡¢screen¡¢history和location都是HTML文档运行所需的环境对象£¬document对象才是前面讲述的HTML文档£¬?#27604;?#36825;个document对象还可以划分出html¡¢head¡¢body等分支¡£其各对象的具体功能介绍如下£º

          ¡¡¡¡1.windows对象£º是所有对象中最顶层£¬HTML文档在windows对象中显示¡¢

          ¡¡¡¡2.navigator对象£º可以读取浏览器相关的信息¡£

          ¡¡¡¡3.document对象£º是整个网页HTML内容£¬每个HTML文档被浏览器?#20197;?#20197;后都会在内存中初始化一个document对象¡£

          ¡¡¡¡4.history对象£º可以控制浏览器的前进和后退¡£

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

          £¨作者£ºPrince Wang责任编辑£º王健楠£©
          请关注天极网天极新媒体 最酷科技资讯
          扫码赢大奖
          评论
          * 网友发言均非本站立场£¬本?#38745;?#22312;评论栏推荐任何网店¡¢经销商£¬谨防?#31995;?#21463;骗£¡
          办公软件IT新闻整机
          ×Ïҹʱʱ²ÊÈí¼þ

          <td id="cl7yg"></td>

              <code id="cl7yg"></code>

                <td id="cl7yg"></td>

                    <code id="cl7yg"></code>