关于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. display和浮动

    display:block; // 块元素 display: inline-block //行内和块元素 浮动 float: left; 清除浮动 clear: both; 两侧不允许有浮动 解决父级 ...

  2. 》》》Java利用aspose-words将word文档转换成pdf（破解 无水印）

    参考转载:Java利用aspose-words将word文档转换成pdf(破解 无水印) (bbsmax.com) 1.引入 aspose.words 包2.添加解水印 license.xml3.写业 ...

  3. docker登录Ubuntu出现error storing credentials - err: exit status 1, out: `Cannot autolaunch D-Bus without X11 $DISPLAY`的解决方法

    命令行登录docker时,在Ubuntu 18.04下可能会出现 error storing credentials - err: exit status 1, out: `Cannot autola ...

  4. 【转载】Adobe Acrobat XI Pro闪退原因及解决办法

    https://www.cnblogs.com/zohoo/p/12704689.html https://www.cnblogs.com/zohoo/p/12704689.html

  5. 00_k8s_learn

    10本 Kubernetes 学习书籍推荐 - 知乎 https://zhuanlan.zhihu.com/p/468291559 Helm 的安装使用 · 从 Docker 到 Kubernetes ...

  6. sdio 移植st官方例程 stm32f103

    第一步:建立驱动文件 建立sdio_sdcard.h和sdio_sdcard.c,并将这两个文件添加到MDK工程中,如下图 第二步:移植官方例程 1.找到STM32F10x_StdPeriph_Lib ...

  7. Eclipse 获取maven项目出现问题汇总

    1.errors occurred during the build,可以试试加上下图的配置,路径根据自己jak安装路径去修改

  8. 将本地文件推送到Gitee仓库

    完整的步骤 1.在gitee中创建仓库 2.下载.安装git 3.推送文件到gitee 推送文件到gitee 1.在要上传的文件夹空白处,点击右键,选择 git bash here 2.输入 git ...

  9. VMWARE 虚拟机配置优化

    如果硬件性能不足,可做如下优化. 1.禁用 VMWARE  虚拟内存功能. 编辑->首选项-> 内存  , 设置如下,禁用内存交换. 2. 如果虚拟机装在机械盘,而电脑有固太硬盘,可通过 ...

  10. 双CAN通讯模板

    本文中CAN1采用16位掩码,CAN2只能使用大于等于14的筛选器组,根据手册只能使用32位的掩码(因为大于14的筛选器没有说明). 经测试,STM32手册中的筛选器配置图错误,库函数的命名正确.参考 ...