Javascript知识【JS-全局函数对象&JS-事件】

最新推荐文章于 2022-08-16 17:01:11 发布

吃这么好

最新推荐文章于 2022-08-16 17:01:11 发布

阅读量347

点赞数 1

分类专栏： Javascript和前端框架文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/m0_64550837/article/details/126226608

版权

Javascript和前端框架专栏收录该内容

33 篇文章 3 订阅

订阅专栏

💂 个人主页: 爱吃豆的土豆
🤟 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主
💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

🏆人必有所执，方能有所成！

🐋希望大家多多支持😘一起进步呀！

JS-全局函数对象

JS-事件【重点】

JS-全局函数对象

作用：用于增强程序的拓展性

注：只可以传递原始数据类型string，传递string对象无作用

<script>
    var aa = "var x = 10;";
    eval(aa);//var x = 10;
    alert(x);
</script>

eval

URL、URI编程：中文及特殊符号 %16进制

作用：保证数据传递的完整性

encodeURl() 把字符串编码为URl

decodeURl() 解码某个编码的URl

<script>
    var str = "http://www.czxy.com/index.html?username=金雪&sex=男";
    var s1 = encodeURI(str);//数据传递，进行编码
    var s2 = decodeURI(s1);//接收数据，进行解码
    alert(s2);
</script>

parseInt只能转换整数

parseFloat可以转换数字

若某一位不能直接翻译为数字，从该位进行截取。如果第一个字符就无法转为数字，整体返回NaN

JS-事件【重点】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function run1(){
            alert("双击时执行该方法");
        }
        function run2(){
            alert("获取时执行该方法");
        }
        function run3(){
            alert("失去时执行该方法");
        }
    </script>
</head>
<body>
    <span ondblclick="run1()">请双击我</span>
    <hr />

    <input value="获取焦点时会弹出窗口" onfocus="run2()" />
    <hr />
    <input value="失去焦点时会弹出窗口" onblur="run3()" />
</body>
</html>

注意：

谷歌浏览器开发阶段，onfocus运行的监听器代码中，尽量不要出现弹框，因为弹框会使得焦点失去，弹框结束会使得焦点重新获取，继而重新触发onfocus

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function run1(){
            alert("键位被按下了");
        }
        function run2(){
            alert("键位被弹起了");
        }
        function run3(){
            alert("鼠标移入了");
        }
        function run4(){
            alert("鼠标移出了");
        }
    </script>

</head>
<body>
    <input value="某个键位被按下时会弹出窗口" onkeydown="run1()" />
    <hr />
    <input value="某个键位被弹起时会弹出窗口" onkeyup="run2()" />
    <hr />
    <input value="鼠标移入时会弹出窗口" onmouseover="run3()" />
    <hr />
    <input value="鼠标移出时会弹出窗口" onmouseout="run4()" />
</body>
</html>