dom学习基本代码第一部分

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>event deal</title>

     <style type="text/css">

         .leixing{color:red;}

     </style>

     <script type="text/javascript">

         function bodyclick()

         {

             alert("first");

             alert("second");

         }

         function f1()

         {

             alert(1);

         }

         function f2()

         {

             alert(2);

         }

     </script>

     <script type="text/javascript">

         function Confirm() {

             if (confirm("是否继续")) {

                 alert("继续");

             }

             else {

                 alert("取消");

             }

         }

     </script>

    <script type="text/javascript">

        var intervalId;

        function DoSetInterval()

        {//每隔一定时间执行一次代码

            intervalId = setInterval("alert('hello')", 2000);//定时发生代码

            //返回一个代码，可以通过clearinterval将他清除

        }

        setTimeout("alert('这个时间到了')", 5000);//一定时间后执行此代码，即定时执行一次

        //clearTimeout();

        //也可清除这个定时

    </script>

     <script type="text/javascript">//实现标题栏滚动

         function scroll()

         {

             var title = document.title;

             var top = title.charAt(0);

             var less = title.substring(1, title.length );

             document.title = less + top.toString();

         }

         var inter;

         function startscroll()

         {

             inter = setInterval("scroll()",500);

         }

     </script>

 </head>

 <body onload="btn.value = 'OK'" onbeforeunload="window.event.returnValue='文章会丢失'"><!--onmousedown="bodyclick()"-->

     <p>点击我</p>

     <input type="button" value="f1"onclick="document.ondblclick=f1"/><!--这里定义方式和下面写的方式是一样的效果-->

     <input type="button" value="f2" onclick="document.ondblclick=f2" />

     <input type="button"value="f3"onclick="f1()">

     <input type="button" value="f4" onclick="f2()">

     <br />

     <input type="button"value="确认？"ondblclick="Confirm()"/>

     <input type="button"value="navigate测试" id="btn"onclick="navigate('www.qq.com')"/>

     <br />

     <input type="button"value="开始" onclick="DoSetInterval()"/>

     <input type="button"value="结束"onclick="clearInterval(intervalId)" />

     <br />

     <input type="button"value="开始滚动"onclick="startscroll()"/>

     <input type="button" value="停止滚动" onclick="clearInterval(inter)" />

 </body>

 </html>

DOM基本代码一的更多相关文章

  1. DOM基本代码二

    ------------------------------- <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh ...

  2. WebKit JavaScript Binding添加新DOM对象的三种方式

    一．基础知识 首先WebKit IDL并非完全遵循Web IDL,只是借鉴使用.WebKit官网提供了一份说明(WebKitIDL),比如Web IDL称"operation”(操作), 而 ...

  3. 理解Shadow DOM(一)

    1. 什么是Shadow DOM? Shadow DOM 如果按照英文翻译的话可以理解为 影子DOM, 何为影子DOM呢?可以理解为一般情况下使用肉眼看不到的DOM结构,那如果一般情况下看不到的话,那 ...

  4. JavaScript(DOM编程二)

    文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <m ...

  5. 关于DOM的操作以及性能优化问题-重绘重排

     写在前面: 大家都知道DOM的操作很昂贵. 然后贵在什么地方呢? 一.访问DOM元素 二.修改DOM引起的重绘重排 一.访问DOM 像书上的比喻:把DOM和JavaScript(这里指ECMScri ...

  6. 读书笔记：JavaScript DOM 编程艺术（第二版）

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  7. 页面嵌入dom与被嵌入iframe的攻防

    1.情景一:自己的页面被引入(嵌入)至别人的页面iframe中 if(window.self != window.top){ //url是自己页面的url window.top.location.hr ...

  8. 通俗易懂的来讲讲DOM

    DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系 ...

  9. HTML DOM 介绍

    本篇主要介绍DOM内容.DOM 节点.节点属性以及获取HTML元素的方法. 目录 1. 介绍 DOM:介绍DOM,以及对DOM分类和功能的说明. 2. DOM 节点:介绍DOM节点分类和节点层次. 3 ...

随机推荐

  1. Microsoft Edge 浏览器开始支持webkit私有样式

    微软表示新版的浏览器Edge(spartan)不会再增加新的私有属性,同时移除了部分-ms-属性,但很多标准在没有支持到之前,会使用webkit的api.Edge开发工程师Jacob Rossi列出了 ...

  2. C#程序 权限不够的解决方案

    有时候需要操作硬件,或者启动windows服务程序时,系统会提示很多奇怪的问题,归根结底就是程序当前所拥有的权限不够,需要提升,以前我们时手写一个manifest,多不容易啊, 现在有正常的方法了 1 ...

  3. Saruman's Army（贪心）

    Saruman the White must lead his army along a straight path from Isengard to Helm’s Deep. To keep tra ...

  4. c#，mysql，读取乱码问题

    1.首先保证数据库的表是UTF8类型:数据库是否是utf8无关紧要: 2.c#连接数据库语句添加“charset=utf8”一句:.exe.config是否添加这一句也无关紧要: 3.访问数据库数据用 ...

  5. keydown事件下调用trigger事件执行两次

    $('button[type=button]').on('click',login); //登录 $(document).keydown(function(event){ if(event.keyCo ...

  6. 第三章——供机器读取的数据（XML）

    本书使用的文件.代码:https://github.com/huangtao36/data_wrangling 机器可读(machine readable)文件格式: 1.逗号分隔值(Comma-Se ...

  7. Swift-闭包理解(二)

    简明扼要的闭包表达式 其实Swift已经为我们提供了很多简化的语法,可以让我们保证代码的高可读性和维护性.还用上面的例子来说明,对于  greetPeople 这个全局函数来说,其实只需要使用一次,所 ...

  8. sql sever 数据表

    对视图进行操作,要在第三块区域进行添加记录操作,回车,然后会同步到所有相关数据表中. 记录不是列,而是行,不要混淆. 第二块区域是各个属性,就是说明: 第一块区域是要进行显示的字段,选中什么 显示什么 ...

  9. 在c++中调用exe程序进行操作

    #include <Windows.h> #include <iostream> #include <direct.h> #define picNum 228 us ...

  10. 再看RCU

    从昨天晚上开始,我就立志要把RCU拿下,昨晚加今天早上看了RCU的东西,太细节的原理我就不扣了,放弃,知道RCU是怎么用的就可以了,赶紧看文件系统中dcache的管理了. 说说RCU,RCU其实是很简 ...