js_事件(2)

最新推荐文章于 2024-01-06 00:20:24 发布
最新推荐文章于 2024-01-06 00:20:24 发布
阅读量148 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37243717/article/details/79016757
版权

拖拽实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
                position: absolute;
                border-radius: 50px;
            }
        </style>
        <script type="text/javascript">
            //第一步：鼠标点击下去
            //第二步：鼠标开始移动，然后div跟着鼠标一起动
            //第三步：鼠标抬起，拖拽结束
            window.onload = function(){
                var oDiv = document.getElementById("box");
                oDiv.onmousedown = function(ev){
                    var oEvent = ev || event;
                    var oDivX = oEvent.clientX - oDiv.offsetLeft;   //获取鼠标点下去时与div的相对距离
                    var oDivY = oEvent.clientY - oDiv.offsetTop;

                    document.onmousemove = function(ev){           //移动事件，只要鼠标移动就会触发
                        var oEvent = ev || event;
                        var X = oEvent.clientX;
                        var Y = oEvent.clientY;
                        // document.title = "X:"+X+"  Y:"+Y;

                        oDiv.style.left = X - oDivX + "px";
                        oDiv.style.top = Y - oDivY + "px";
                    }
                    document.onmouseup = function(){
                        document.onmousemove = null;
                        document.onmouseup = null;
                    }
                    //return false;  //阻止默认行为
                }


            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

onresize事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">

        </style>
        <script type="text/javascript">

            //onresize事件:当窗口或者框架的大小变化时在window或者框架上触发
            var num = 0;
            window.onload = window.onresize = function(){

                document.title = ++num;
            }

        </script>
    </head>
    <body>

    </body>
</html>

onscroll事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">

        </style>
        <script type="text/javascript">

            //onscroll事件：当滚动条变化时就会触发;
            var num = 0;
            window.onload = window.onscroll = function(){

                document.title = ++num;
            }

        </script>
    </head>
    <body style="height:5000px">

    </body>
</html>

(onscroll事件实例1)div居中向右显示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            #box{
                width: 100px;
                height: 100px;
                background: red;
                position: absolute;
                right: 0px;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");
                var H = document.documentElement.clientHeight || document.body.clientHeight;

                oDiv.style.top = (H-oDiv.clientHeight)/2 + "px";

            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            #box{
                width: 100px;
                height: 100px;
                background: red;
                position: absolute;
                right: 0px;
            }
        </style>
        <script type="text/javascript">

            window.onload = window.onscroll = function(){

                var oDiv = document.getElementById("box");
                var H = document.documentElement.clientHeight || document.body.clientHeight;

                var num = document.documentElement.scrollTop || document.body.scrollTop

                oDiv.style.top = (H-oDiv.clientHeight)/2 + num + "px";

            }

        </script>
    </head>
    <body style="height:5000px">

        <div id="box"></div>

    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            *{
                margin: 0px;
                padding: 0px;
            }
            #box{
                width: 100px;
                height: 100px;
                background: red;
                position: absolute;
                right: 0px;
            }
        </style>
        <script type="text/javascript">

            window.onload = window.onscroll = function(){

                var oDiv = document.getElementById("box");
                var H = document.documentElement.clientHeight || document.body.clientHeight;

                var num = document.documentElement.scrollTop || document.body.scrollTop

                var end = (H-oDiv.clientHeight)/2 + num;

                //作业：完善向上拉滑动的效果
                //注意以下几个小问题：
                //1：定时器的关闭问题
                //2：oDiv.offsetTop取值的问题
                setInterval(function(){
                    if(oDiv.offsetTop >= end){
                        oDiv.style.top = oDiv.offsetTop + 0 + "px";
                    }else{
                        oDiv.style.top = oDiv.offsetTop + 1 + "px";
                    }
                },1);

            }

        </script>
    </head>
    <body style="height:5000px">

        <div id="box"></div>

    </body>
</html>

运动停止实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
                position: absolute;

            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");

                setInterval(function(){
                    if(oDiv.offsetLeft >= 900){
                        oDiv.style.left = oDiv.offsetLeft + 0 + "px";
                    }else{
                        oDiv.style.left = oDiv.offsetLeft + 10 + "px";
                    }
                },100);

            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

事件冒泡

<!DOCTYPE html>
<!--
    事件流：事件流就是描述页面接收事件的顺序，比如给几个层叠在一起的元素添加点击事件，那么当点击最里层的元素时，这时并不仅仅
            只触发点的点击的最里层的那个元素，而是层叠在点击范围内的元素都会触发，
    事件流有两种模式：冒泡与捕获

    事件冒泡：从里向外挨个触发， 现代的浏览器默认情况都是冒泡模型
    事件捕获：是从外向里挨个触发

 -->
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #div1{
                width: 500px;
                height: 500px;
                background: red;
            }
            #div2{
                width: 100px;
                height: 100px;
                background: blue;
                position: absolute;
                top: 200px;
                left: 200px;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv1 = document.getElementById("div1");
                var oDiv2 = document.getElementById("div2");

                oDiv1.onclick = function(){
                    alert("div1事件111111111111111");
                }
                oDiv2.onclick = function(){
                    alert("div2事件222222222222222");
                }

                document.body.onclick = function(){
                    alert("body事件333333333333333");
                }

            }

        </script>
    </head>
    <body>

        <div id="div1">
            <div id="div2">

            </div>
        </div>

    </body>
</html>

阻止冒泡

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">

        </style>
        <script type="text/javascript">

            window.onload = function(){

            }

        </script>
    </head>
    <body><!DOCTYPE html>
<!--

    事件流：事件流就是描述页面接收事件的顺序，比如给几个层叠在一起的元素添加点击事件，那么当点击最里层的元素时，这时并不仅仅
            只触发点的点击的最里层的那个元素，而是层叠在点击范围内的元素都会触发，
    事件流有两种模式：冒泡与捕获

    事件冒泡：从里向外挨个触发， 现代的浏览器默认情况都是冒泡模型
    事件捕获：是从外向里挨个触发，

 -->
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #div1{
                width: 500px;
                height: 500px;
                background: red;
            }
            #div2{
                width: 100px;
                height: 100px;
                background: blue;
                position: absolute;
                top: 200px;
                left: 200px;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv1 = document.getElementById("div1");
                var oDiv2 = document.getElementById("div2");

                oDiv1.onclick = function(){
                    alert("div1事件111111111111111");
                }
                oDiv2.onclick = function(ev){
                    var oEvent = ev || event;
                    //oEvent.stopPropagation();           //阻止冒泡  不兼容i8
                    //oEvent.cancelBubble = true;         //阻止冒泡  兼容i8

                    if(oEvent.stopPropagation){    //阻止冒泡
                        oEvent.stopPropagation();
                    }else{
                        oEvent.cancelBubble = true;
                    }

                    alert("div2事件222222222222222");
                }

            }

        </script>
    </head>
    <body>

        <div id="div1">
            <div id="div2">

            </div>
        </div>

    </body>
</html>

    </body>
</html>

事件绑定(一)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                // var oDiv = document.getElementById("box");
                // oDiv.onclick = function(){
                //     alert("第一个点击事件");
                // }
                // oDiv.onclick = function(){      //第二次添加的事件会把第一次添加覆盖掉
                //     alert("第二个点击事件");
                // }


                //解决覆盖问题
                // var oDiv = document.getElementById("box");
                // oDiv.onclick = function(){
                //     alert("第一个点击事件");
                // }

                // if(typeof oDiv.onclick){  //判断oDiv有没有点击事件
                //     var fin = null;
                //     fin = oDiv.onclick;
                // }

                // oDiv.onclick = function(){
                //     fin();
                //     alert("第二个点击事件");
                // }



                //事件绑定
                //自定义事件 addEventListener(要处理的事件名,事件处理程序的函数，布尔值);
                //第三个参数布尔值：如果值是true就表示在捕获阶段调用事件处理函数
                //                  如果值是false就表示在冒泡阶段调用事件处理函数
                var oDiv = document.getElementById("box");
                oDiv.addEventListener("click", function(){alert("第一次添加的事件")}, false);
                oDiv.addEventListener("click", function(){alert("第二次添加的事件")}, false);


            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

事件绑定(二)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #div1{
                width: 500px;
                height: 500px;
                background: red;
            }
            #div2{
                width: 100px;
                height: 100px;
                background: blue;
                position: absolute;
                left: 200px;
                top: 200px;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                //事件绑定
                //自定义事件 addEventListener(要处理的事件名,事件处理程序的函数，布尔值);
                //第三个参数布尔值：如果值是true就表示在捕获阶段调用事件处理函数
                //                  如果值是false就表示在冒泡阶段调用事件处理函数


                var oDiv1 = document.getElementById("div1");
                var oDiv2 = document.getElementById("div2");

                // oDiv1.addEventListener("click",function(){alert("div1的点击事件11111")},false);
                // oDiv2.addEventListener("click",function(){alert("div2的点击事件22222")},false);

                oDiv1.addEventListener("click",function(){alert("div1的点击事件11111")},true);
                oDiv2.addEventListener("click",function(){alert("div2的点击事件22222")},true);

                oDiv1.addEventListener("click",function(){alert("div1的点击事件33333")},false);
                oDiv2.addEventListener("click",function(){alert("div2的点击事件44444")},false);

            }

        </script>
    </head>
    <body>

        <div id="div1">
            <div id="div2"></div>
        </div>

    </body>
</html>

事件绑定(三)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){


                //事件绑定
                //自定义事件 addEventListener(要处理的事件名,事件处理程序的函数，布尔值);
                //第三个参数布尔值：如果值是true就表示在捕获阶段调用事件处理函数
                //                  如果值是false就表示在冒泡阶段调用事件处理函数



                var oDiv = document.getElementById("box");
                //oDiv.addEventListener("click", function(){alert("第一次添加的事件")}, false); // addEventListener() 不兼容i8

                // attachEvent("事件处理程序名称",事件处理程序的函数)  //可以ie  但不兼容Ie11
                // oDiv.attachEvent("onclick",function(){alert("第一次添加的事件")});


                //兼容处理
                if(oDiv.addEventListener){
                    oDiv.addEventListener("click", function(){alert("第一次添加的事件")}, false);
                }else{
                    oDiv.attachEvent("onclick",function(){alert("第一次添加的事件")});
                }

            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

事件绑定(解除绑定)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                function show(){
                    alert("div被点击了");
                }
                function move(){
                    alert("鼠标移入了");
                }

                var oDiv = document.getElementById("box");

                //addEventListener();
                //attachEvent

                //绑定事件
                //oDiv.addEventListener("click",show,false);   //绑定点击事件
                //oDiv.addEventListener("mouseover",move,false);

                //解除事件绑定:  removeEventListener()
                //oDiv.removeEventListener("click",show,false);
//****************************************************************************************************************
                //绑定事件
                oDiv.attachEvent("onclick",show);
                //解除事件绑定
                oDiv.detachEvent("onclick",show);
            }
        </script>
    </head>
    <body>
        <div id="box"></div>
    </body>
</html>

解除绑定(匿名函数问题)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");

                function show(){
                    alert("胖胖");
                }

                //解除事件绑定时，匿名函数不能被解除
                // oDiv.addEventListener("click",function(){alert("胖胖");},false);
                // oDiv.removeEventListener("click",function(){alert("胖胖");},false);

                oDiv.addEventListener("click",show,false);
                oDiv.removeEventListener("click",show,false);
            }

        </script>
    </head>
    <body>
        <div id="box"></div>
    </body>
</html>

事件绑定(this问题)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");

                // oDiv.addEventListener("click",show,false);

                oDiv.attachEvent("onclick",show);

                function show(){
                    alert(this);//用attachEvent绑定中的this，指向的是window  在ie10以下支持
                }
            }
        </script>
    </head>
    <body>
        <div id="box"></div>
    </body>
</html>

封装绑定

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;

            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");

                function show(){
                    alert("胖胖");
                }
                function move(){
                    alert("鼠标移入了");
                }

                //封装绑定点击事件
                function addEvent(obj,type,fin){
                    if(obj.addEventListener){
                        obj.addEventListener(type,fin,false);
                    }else{
                        obj.attachEvent("on"+type,fin);
                    }
                }
                addEvent(oDiv,"mouseover",move);


                //封装解除
                function removeEvent(obj,type,fin){
                    if(obj.removeEventListener){
                        obj.removeEventListener(type,fin);
                    }else{
                        obj.detachEvent("on"+type,fin);
                    }
                }
                removeEvent(oDiv,"mouseover",move);

            }

        </script>
    </head>
    <body>

        <div id="box"></div>

    </body>
</html>

修改键

<!DOCTYPE html>
<!--

    shiftKey属性：判断是否按下了shift键
    ctrlKey属性：判断是否按下了ctrl键
    altkey属性：判断是否按下了alt键

 -->
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oDiv = document.getElementById("box");
                oDiv.onclick = function(ev){

                    var oEvent = ev || event;
                    if(oEvent.ctrlKey && oEvent.altKey){
                        oDiv.style.width = "500px";
                    }
                }

            }

        </script>
    </head>
    <body>
        <div id="box"></div>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title>Examples</title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                background: red;
                display: none;
            }
        </style>
        <script type="text/javascript">

            window.onload = function(){

                var oBtn = document.getElementById("btn");
                var oDiv = document.getElementById("box");


                oBtn.onclick = function(ev){
                    oDiv.style.display = "block";
                    var oEvent = ev || event;
                    if(oEvent.stopPropagation){    //阻止事件冒泡
                        oEvent.stopPropagation();
                    }else{
                        oEvent.cancelBubble = true;
                    }
                }


                document.onclick = function(){
                    oDiv.style.display = "none";
                }

            }

        </script>
    </head>
    <body>

        <button id="btn">确定</button>
        <div id="box"></div>

    </body>
</html>
Casablanca_jhBi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript_鼠标事件总结
10-26
javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标事件总结javascript_鼠标...
关于js_事件处理的三种方式
qq_55961861的博客
08-12 586
关于js_事件处理的三种方式!
js离焦事件_JavaScript中的事件
weixin_39737317的博客
12-22 1534
常见事件/*常见的事件：1. 点击事件：1. onclick：单击事件2. ondblclick：双击事件2. 焦点事件1. onblur：失去焦点。* 一般用于表单验证2. onfocus:元素获得焦点。3. 加载事件：1. onload：一张页面或一幅图像完成加载。4. 鼠标事件：1. onmousedown 鼠标按钮被按下。* 定义方法时，定义一个形参，接受event对象。* even...
关于js_键盘事件的介绍和使用
qq_55961861的博客
08-14 878
关于js_键盘事件的介绍和使用！
JS_audio音频事件、属性 详情
小歪博客
05-01 8823
获取audio进度调播放状态 播放时间详细 在html中书写的audio <div id="song"> <h4>音乐</h4> <audio src="音频连接.mp3" type="audio/mp3" controls="controls" ontimeupdate="updata()"></audio> </div> 其中：src是音频的路径，type是音频格式，controls播放控件，ontimeupdat
JavaScript常用事件演示
最新发布
m0_71002854的博客
01-06 491
文章目录一、在JavaScript中什么是事件？二、什么是JavaScript 常用事件？三、常用JS事件代码示例:四、总结 一、在JavaScript中什么是事件？ JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。 二、什么是JavaScript 常用事件？ JavaScrip
wdi_7_js_demo_events:Javascript DOM 事件
06-25
Javascript 事件 事件被触发或触发以响应浏览器中的某些操作。 典型的事件是。 点击事件 页面加载事件 表单事件 鼠标悬停事件。 看看这些。 活动可以有。 类型这是一个什么样的事件。 例如，mousemove、keydown、...
Javascript_事件处理
08-02
Javascript_事件处理，讲解了JAVASCRIPT事件开发中注意的事项，步骤，有条理的讲解
JavaScript入门教程(11) js事件处理
11-30
事件的处理程序可以是任意 JavaScript 语句，但是我们一般用特定的自定义函数（function）来处理事情。指定事件处理程序有三种方法：方法一 直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是： 代码如下:&lt...
莱鸟介绍javascript onclick事件
10-23
主要介绍了莱鸟介绍javascript onclick事件的相关资料,需要的朋友可以参考下
html5 js 读取csv文件
热门推荐
Casablanca
04-06 1万+
//读取文件 function readParseFiles(callback) { var data = []; var files = []; files.push(document.getElementById('file0').files[0], document.getElementById('fil...
js 操作元素属性、操作元素样式、display(none、block)
Casablanca
03-09 1万+
js操作元素属性 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Keywords" content="关键字,关键词"&gt; &lt;meta name=
js读取xlsx文件成数组
Casablanca
04-08 3535
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="jquery-2.2.1.min.js" type="text/javascript"&gt;&lt;/script&am
d3.js 解析csv文件
Casablanca
03-07 3328
var dataset = []; d3.csv("sample.csv", function(data) { dataset = data.map(function(d) { return [ d["Title"], d["Category"], d["ASIN/ISBN"], d["Item Total"] ]; }); console.log(dataset[0]...
js 文字的放大缩小案例
Casablanca
03-09 1988
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Keywords" content="关键字,关键词"&gt; &lt;meta name="Descri
js、匿名函数、闭包、回调函数
Casablanca
12-03 1787
匿名函数：就是没有名字的函数 function(){ //这里就是一个匿名函数，但是这个直接写会报错 alert("胖胖"); } //可以把一个匿名函数赋值一个变量 var fin = function(){ alert("胖胖"); }; alert(fin); fin(); //调用函数 //定义一个自调用函数 (function(){ a...
js 、json 、数组遍历(for in)
Casablanca
03-08 1656
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Keywords" content="关键字,关键词"&gt; &lt;meta name="Descr
js、函数的分类、对象、arguments、函数参数
Casablanca
12-02 990
一般把script标签内的js代码，放到body结束标签的前面。 函数 function 函数名(参数名){ 要执行的代码 } //声名函数， 函数只有在调用时才会被执行 function fin(){ alert("胖胖"); } //调用函数，这个函数名后的小括号就是调用函数的意思 alert(fin); //打印整个函数 fin(); //调用函数 ...
js、其他类型与Boolean类型转换
Casablanca
12-01 857
一、其他类型与Boolean类型转换总结//String类型转换成Boolean类型; var nameString = "胖胖"; var nameString = ""; if(nameString){ alert(nameString); }else{ alert("字符串为空"); } // NaN是Number类型，是一个特殊的值，它与任何值都不相等，包括它自己 //Numbe
点击事件_JS事件详解(下)
05-30
2. 点击事件的触发条件 点击事件只有在满足以下两个条件时才会被触发： - 用户单击了鼠标左键 只有在用户单击了鼠标左键时，点击事件才会被触发。如果用户单击了鼠标右键或中键，则不会触发点击事件。 - 鼠标...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值