Javascript知识【JS-全局函数对象&JS-事件】
目录
- 💂 个人主页:爱吃豆的土豆
- 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦
- 🏆人必有所执，方能有所成！
- 🐋希望大家多多支持😘一起进步呀！
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>
|
