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

举报
爱吃豆的土豆 发表于 2022/09/25 02:43:05 2022/09/25
【摘要】 目录 💂 个人主页: 爱吃豆的土豆🤟 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦 🏆人必有所执,方能有所成! 🐋希望大家多多支持😘一起进步呀! JS-全局函数对象 JS-事件【重点】 ...

目录

  • 💂 个人主页: 爱吃豆的土豆
  • 🤟 版权: 本文由【爱吃豆的土豆】原创、在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 />
<!--
    什么是焦点:
        是整个页面的注意力,一个页面的焦点 一般只有一个
        焦点的直接体现是 闪烁的光标
        onfocus:获取焦点瞬间触发
        onblur:失去焦点瞬间触发 (先获取才能失去)
  -->
    <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>

 

 

文章来源: qianxu.blog.csdn.net,作者:爱吃豆的土豆,版权归原作者所有,如需转载,请联系作者。

原文链接:qianxu.blog.csdn.net/article/details/126226608

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。