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. Linux内核设计笔记12——内存管理

    内存管理学习笔记 页 页是内核管理内存的基本单位,内存管理单元(MMU,管理内存并把虚拟地址转化为物理地址的硬件)通常以页为单位进行处理,从虚拟内存的角度看,页就是最小单位. struct page{ ...

  2. Entity Framework 基本概念

    概念 LINQ to Entities 一种 LINQ 技术,使开发人员可以使用 LINQ 表达式和 LINQ 标准查询运算符,针对实体数据模型 (EDM) 对象上下文创建灵活的强类型化查询. ESQ ...

  3. lvs+keepalived详解

    常用软件安装及使用目录 资源链接:https://pan.baidu.com/s/15rFjO-EnTOyiTM7YRkbxuA    网盘分享的文件在此 官网:http://www.linuxvir ...

  4. GitHub把自己整个文件夹上传

    我已经有了自己github,但是我怎么对我的项目进行上传呢,普通的上传只有上传单一的文件 这不我去下载了Git(链接至机房ftp文件夹下文件ftp://10.64.130.1/%C8%ED%BC%FE ...

  5. 【web前端开发】浏览器兼容性处理大全

    1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2.高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果di ...

  6. css重修之书（一）：如何用css制作比1px更细的边框

    如何用css制作比1px更细的边框 在项目的开发过程中,我们常常会使用到border:1px solid xxx,来对元素添加边框: 可是1px的border看起来还是粗了一些粗,不美观,那么有什么方 ...

  7. 2d命令行小游戏源码

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  8. a2

    Alpha 冲刺报告 队名: 组长:吴晓晖 今天完成了哪些任务: 代码量300+,完成了百度地图API的引入. 展示GitHub当日代码/文档签入记录: 明日计划: 整理下这两个功能,然后补些bug ...

  9. 《Effective C#》快速笔记（六）- - C# 高效编程要点补充

    目录 四十五.尽量减少装箱拆箱 四十六.为应用程序创建专门的异常类 四十七.使用强异常安全保证 四十八.尽量使用安全的代码 四十九.实现与 CLS 兼容的程序集 五十.实现小尺寸.高内聚的程序集 这是 ...

  10. 第27天：js-表单获取焦点和数组声明遍历

    一.表单 1.this指事件的调用者2.input.value 表单更换内容3.innerHTML更换盒子里的内容,文字.标签都能换.4.isNaN("12")如果里面的不是个数字 ...