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

导读:本篇文章讲解 Javascript知识【JS-全局函数对象&JS-事件】,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

目录

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

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

JS-全局函数对象

JS-事件【重点】


JS-全局函数对象

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

Javascript知识【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>

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

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

parseInt只能转换整数

parseFloat可以转换数字

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

 

JS-事件【重点】

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

 

注意:

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

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

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

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/120888.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!