JavaScript对象_Global:
Global:
1.特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。方法名();
2.方法:
encodeURI() : url编码
decodeURI() : url解码
encodeURIComponent() : url编码,编码的字符更多
decodeURIComponent() : url解码
parseInt():将字符串转为数字
逐—判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为number
isNaN():判断一个值是否是NaN
NaN六亲不认,连自己都不认。NaN参与的==比较全部问false
eval:讲avaScript字符串,并把它作为脚本代码来执行。
3. URL编码
传智播客=%E4%BC%AB%E6%99%BA%E6%92%AD%E5%AE%A2
代码实现:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JSGlobal对象</title> <!--内部JS--> <script> //定义https路径的编码 let str = "http://www.baidu.com?wd=传智博客"; let encode = encodeURI(str); document.write(encode+"<br>"); let s = decodeURI(encode); document.write(s+"<br>");//传智播客 //这是收看解码的https的url let str1 = "http://www.baidu.com?wd=传智博客"; let encode1 = encodeURIComponent(str1); document.write(encode1+"<br>"); let s1 = decodeURIComponent(encode); document.write(s1+"<br>");//传智播客 //先要猜一次 let str = "a234abc"; let number = parseInt(str); //alert(number+1); let a = NaN; //最后输出 document.write(a == NaN); document.write(isNaN(a)); let jscode = "alert(123)"; </script> </head> <body> </body> </html>
案例1_点灯开关:
分析:
1.获取图片对象
2.绑定单击事件
3.每次点击切换图片
规则:
如果灯是开的on,切换图片为off
如果灯是关的off,切换图片为on
使用标记flag来完成
代码实现:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>案例&电灯开关</title> </head> <body> <img src="../img/kejifengdongtai.gif" id="light"> <!--内部JS--> <script> //1.获取图片对象 let light = document.getElementById("light"); let flag = false;//代表灯是灭的。图片 //2.绑定单击事件 light.onclick = function () { if (flag){//判断如果灯是开的,则灭掉 light.src = flag = false; }else { //如果灯是灭的,则打开 flag = true; } } </script> </body> </html>
标签:JavaScript,点灯,Global,NaN,write,flag,let,document From: https://www.cnblogs.com/hungui/p/16916420.html