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. 数据库Mysql的学习(一)-启动和进入

    数据库:按照数据结构来组织储存和管理数据的仓库. Mysql是关系型数据库管理系统 Mysql安装好之后... mysql的启动 1:通过控制面板里的”服务“找到mysql右键启动即可 2:开始菜单搜 ...

  2. Java三种编译方式

    Java程序代码需要编译后才能在虚拟机中运行,编译涉及到非常多的知识层面:编译原理.语言规范.虚拟机规范.本地机器码优化等:了解编译过程有利于了解整个Java运行机制,不仅可以使得我们编写出更优秀的代 ...

  3. 从零开始的Python学习Episode 1

    一.输入与输出 1.输入 input("number:") num = input("number:") 下面一段可以把输入的信息存在num中. 注意:输入的信 ...

  4. [leetcode-676-Implement Magic Dictionary]

    Implement a magic directory with buildDict, and search methods. For the method buildDict, you'll be ...

  5. 初学c#(又要打代码了好难)

    因为我原来从没有学过C#,所以要重新看一个语言的基本语法,仔细阅读了老师的作业要求,发现第一个10分的作业如果要用c语言写我是可以完成的,于是定个小目标就是在周日前完成作业的第一步.今天我在菜鸟教程的 ...

  6. [基于NetCore的简单博客系统]-登录

    0-项目背景 一个基于.NET CORE RAZOR PAGES的简单博客系统 技术栈全部采用微软官方实现方式,目的是熟悉新技术 项目地址:https://github.com/ganqiyin/BL ...

  7. 【week6】psp

    本周psp

  8. CEntOS6.5从启动界面直接进入命令行界面

    ctrl + alt + F1 ctrl + alt + F2 ctrl + alt + F3 ctrl + alt + F4 ctrl + alt + F5 ctrl + alt + F6 同时按下 ...

  9. Filezilla 绿色版 禁止升级 能用。

    FileZilla还是挺好用的,但是如果钟情于 绿色版的话,肯定首选是 免安装绿色版.但是呢,能找到的所谓的免升级 绿色版,都不能用.只要是打开软件了,就会在你还没有设置更新之前,就已经升级号了.并且 ...

  10. Linux下安装MySQL管理工具MySQL Administrator和MySQL Query Browser（转载）

    文章来源:http://blog.csdn.net/sunrier/article/details/7572299 Linux下MySQL Administrator和MySQL Query Brow ...