0
点赞
收藏
分享

微信扫一扫

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


目录

  • 💂 个人主页:​​爱吃豆的土豆​​
  • 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦
  • 🏆人必有所执,方能有所成!
  • 🐋希望大家多多支持😘一起进步呀!

​​JS-全局函数对象​​

​​JS-事件【重点】​​

JS-全局函数对象

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

Javascript知识【JS-全局函数对象&JS-事件】_弹出窗口_02

 

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

注:只可以传递原始数据类型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>


 

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

Javascript知识【JS-全局函数对象&JS-事件】_弹出窗口_04

 

parseInt只能转换整数

parseFloat可以转换数字

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

 

JS-事件【重点】

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

 

<!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 />
<!--
    什么是焦点:
        是整个页面的注意力,一个页面的焦点 一般只有一个
        焦点的直接体现是 闪烁的光标
        onfocus:获取焦点瞬间触发
        onblur:失去焦点瞬间触发 (先获取才能失去)
  -->
    <input value="获取焦点时会弹出窗口" onfocus="run2()" />
    <hr />
    <input value="失去焦点时会弹出窗口" onblur="run3()" />
</body>
</html>


 

注意:

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

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

<!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>


 

 

举报

相关推荐

0 条评论