关于JavaScript的死链设置问题

<!DOCTYPE html>

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

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script type="text/javascript">

    </script>

</head>

<body>

    <input type="button" id="btn" value="单击" onclick="alert('添加')" />

    <br />

    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

    <a href="#" onclick="alert('点中的是#')">方法1</a>   弹窗并返回页面最上边

    <br />

    <a href="JavaScript:Void(0)" onclick="alert('点中的是Void')">方法2</a>  弹窗但停留在当前页面


    <br />

    <a href="JavaScript:alert('点中的是Href')">方法3</a>      弹窗但停留在当前页面

</body>

</html>

关于JavaScript 的setInterval定时器的测试

<body>

    <input type="button" name="name" id="btn" />

</body>

</html>

<script type="text/javascript">

   var setId= setInterval(function () {

        alert('');

   }, 2000);//声明一个计时器，2000毫秒执行一次

   window.onload = function () {

       document.getElementById('btn').onclick = function () {

           clearInterval(setId);

       };      //注销指定计时器

   }

setInterVal 定时器的小Demo--跑马灯

 <title>这是什么事呢</title>

</head>

<body><input type="button" name="name" id="left" />

    <input type="button" name="name" id="right" /></body>

</html>

<script type="text/javascript">

    function Demo(num) {

        if (num == 1) {

            setInterval(function () {

                var text = document.title;

                document.title = text.charAt(text.length-1) + text.substr(0, text.length - 1);

            }, 1000);

        } else {

            setInterval(function () {

                var text = document.title;

                document.title = text.substr(1) + text.charAt(0);

            }, 1000);

        }

    }

    document.getElementsByTagName(right‘).onclick = function () {     //

        Demo(1);

    };

    document.getElementById('left').onclick = function () {

        Demo(0);

    };

浏览器的   粘贴，复制事件

<body>

     现在测试一下代码！看看会出现什么问题

    <input  type="text" id="txt"/>

</body>

</html>

<script type="text/javascript">

    onload = function () {

        document.body.onpaste = function () {

            return false;        //禁止在Body中粘贴

        }

        document.body.oncopy = function () {

            return false;        //禁止复制Boby中的文字

        }
          ///方法3 在复制的文字结尾添加  标签
        document.body.oncopy = function () {
            setTimeout(function () {
                clipboardData.setData('text', clipboardData.getData('text') + '自定义文字');   //text 为 获取粘贴板中那种类型数据
            }, 100);   //100为时间间隔让复制操作与添加字符串操作互不冲突
        }
    }

    }

关于事件冒泡

事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件会被触发，B的onclick也会被触发。触发的顺序是“由内而外”
。

 <script type="text/javascript">

        onload = function () {

            document.getElementById('dv').onclick = function () {

                // alert(this.id);

                alert(window.event.srcElement.id);//事件源

            };

            document.getElementById('p1').onclick = function () {

                alert(this.id);

            };

            function stop(e) {

                alert(this.id);

        function stopBubble（e）{

                  if(e||e.stopPropagation){

                 e.stopPropagation();                  //火狐中取消事件冒泡

                }

                else{

                 window.event.cancelBubble=true;       //IE中取消事件冒泡

                }

 }

            };

        };

    </script>

</head>

<body>

    <div id="dv1" style=" width:300px; height:200px; onclick='stop(event)'>

        <div id="dv" style=" width:300px; height:200px; background-color:Yellow; cursor:pointer;">

        <p id="p1" style=" width:150px; height:100px; background-color:Green;cursor:pointer;">

        <span id="sp" style="  cursor:pointer;">这是span</span>

        </p>

    </div>

</body>

关于JavaScript的一些用法的更多相关文章

  1. #Javascript：this用法整理

    常用Javascript的人都知道,［this這個關鍵字在一個函式內究竟指向誰］的這個問題很令人頭大,本人在這裡整理了一下Javascript中this的指向的五種不同情況,其中前三種屬於基本的情況, ...

  2. 好程序员web前端分享javascript关联数组用法总结

    好程序员web前端分享javascript关联数组用法总结,有需要的朋友可以参考下. Hash关联数组定义 代码如下 // 定义空数组 myhash = { } // 直接定义数组 myhash = ...

  3. JS的javascript:void(0)用法

    javascript:void(0)用法如下: <a href="javascript:void(0)"></a> // 执行js函数,0表示不执行函数. ...

  4. Javascript的this用法---阮一峰

    Javascript的this用法   作者: 阮一峰 日期: 2010年4月30日 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比 ...

  5. javascript:void(0);用法及常见问题解析

    void 操作符用法格式: javascript:void (expression) 下面的代码创建了一个超级链接,当用户以后不会发生任何事.当用户链接时,void(0) 计算为 0,但 Javasc ...

  6. [JS]Javascript的this用法

    转自:阮一峰 this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 随着 ...

  7. javascript的setTimeout()用法总结，js的setTimeout()方法

    引子 js的setTimeout方法用处比较多,通常用在页面刷新了.延迟执行了等等.但是很多javascript新手对setTimeout的用法还是不是很了解.虽然我学习和应用javascript已经 ...

  8. javascript array类型用法

    javascript高级编程-Array引用类型用法总结  2016-09-17   |    357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: ...

  9. javascript typeof()的用法与运算符用法

    typeof 运算符 返回一个用来表示表达式的数据类型的字符串. typeof[()expression[]] ; expression 参数是需要查找类型信息的任意表达式. 说明 typeof 运算 ...

  10. Javascript的this用法及jQuery中$this和$(this)的区别

    this是Javascript语言的一个关键字. 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如, function test(){ this.x = 1; } 1.this就是全 ...

随机推荐

  1. IO流（1）

    IO流(1) 目录 IO流(1) 文件 创建文件 获取文件信息 目录的操作和文件删除 文件 文件流 文件在程序中以流的形式来操作 输入流:数据从数据源(文件)到程序(内存)的路径 输出流:数据从程序( ...

  2. Java笔记_构造方法/构造器

    构造方法/构造器(constructor)   怎么来的?之前在创建对象时,是先把一个对象创建好后,再给这个对象的属性赋值,如果现在要求在创建一个对象时,就直接指定这个对象的属性,该怎么做?此时就可以 ...

  3. vue input输入框关键字筛选检索列表数据展示

    想必大家在项目开发中难免会用到关键字筛选的功能,正好这次项目有需求要做这一块,就整理一下vue的input输入框输入关键字检索数据列表的代码.下面直接上代码: html: <!-- 筛选demo ...

  4. Neural Network模型复杂度之Dropout - Python实现

    背景介绍 Neural Network之模型复杂度主要取决于优化参数个数与参数变化范围. 优化参数个数可手动调节, 参数变化范围可通过正则化技术加以限制. 本文从优化参数个数出发, 以dropout技 ...

  5. journalctl查看内核/应用日志

    Systemd统一管理所有Unit的启动日志.带来的好处就是,可以只用journalctl一个命令,查看所有日志(内核日志和应用日志).日志的配置文件是/etc/systemd/journald.co ...

  6. AndroidQ 打通应用层到HAL层（转）

    1. 参考https://blog.csdn.net/qq_34211365/category_9903135.html 直通式,绑定式,从应用端调到hal接口,亲自实现能够更加理解

  7. pip install -r 是什么意思

    我们经常使用python安装第三方库的的命令是 pip install xxx; 但是有一天,突然要执行的命令是: pip install -r requirements.txt,突然就不知道是什么意 ...

  8. Springboot开发微信支付API-V3

    前段时间因为项目需要对接微信支付,原本打算拿之前开发好的代码用就行了,后面发现微信支付升级API-V3了,和V2相比安全措施多了很多.最麻烦的就是各种证书的管理.加载. 作者自己也对接过N多支付系统了 ...

  9. loadrunner脚本--参数与变量

    一:定义 1.参数的定义 lr_save_string("xushasha","param"); 2.变量定义 int x;  //遵循c语言规范 二:调用方法 ...

  10. Oracle的Pctfree

    1.创建一张表 create table student( student_id number ); 但是在pl/sql中查看却是以下的建表语句: -- Create table create tab ...