本文实例讲述了JavaScript封闭函数及常用内置对象。分享给大家供大家参考,具体如下:
在封闭函数内部定义的函数与外部函数尽管同名也没有关系,同理,定义的变量也可以同名。
封闭函数的写法,一是加括号,一是加感叹号。
& lt; !DOCTYPE html> & lt; html lang=癳n”比; & lt; head> & lt;元charset=皍tf - 8”比; & lt; title>封闭函数& lt;/title> & lt;脚本type=" text/javascript祝辞 var num=22; 函数f () { alert("你好"); } (函数(){ var num=11; 函数myalter () { 警报(“hello world”); } 警报(num); myalter () }) ();/*封闭函数的第二种写法,前面加一个感叹号或者加一个波浪线*/!函数(){ 警报(“我”); }(); 警报(num) & lt;/script> & lt;/head> & lt; body> & lt; div> 55 & lt;/div> & lt;/body> & lt;/html> >之前
<强> 1.文档强>
文档。getElemntsByTagName通过标签名获取元素
文档。getElementsById通过id获取元素
文档。介绍人获取上一个跳转页面的地址<强> 2.位置强>
window.location。href获取或者重定向url地址
window.location。搜索获取地址参数部分
window.location。散列获取页面锚点或者叫哈希值& lt;元charset=皍tf - 8”比; & lt; title>常用内置对象& lt;/title> & lt;脚本type=" text/javascript祝辞/* * 1.文档 *文档。getElemntsByTagName通过标签名获取元素 *文档。getElementsById通过id获取元素 *文档。介绍人获取上一个跳转页面的地址 * * 2.位置 * window.location。href获取或者重定向url地址 * window.location。搜索获取地址参数部分 * window.location。散列获取页面锚点或者叫哈希值 * * */窗口。onload=function () { var sUrl=document.referrer;/*获取服务器地址,或者说上一个页面地址*/var oBtn=. getelementbyid (“btn01”); oBtn。onclick=function () { window.location。href=https://www.yisu.com/zixun/sUrl;/*但是因为不是服务器地址所以存不下来,这边可以直接写百度网址的字符串*/}; var oBody=window.getElementById (“body01”); var sData=https://www.yisu.com/zixun/window.location.search;/* http://localhost: 63342/Javascirpt a8%e5 % % E5%B8%B8%E7 % 94% 86% 85% e7%bd % AE % E5%AF % B9%E8%B1%A1.html ? _ijt=1 *如上是访问页面的地址,在最后?问好后面的就是参数,在开放中可以根据不同的参数,使得页面表现形式不一样。 *比如现在参数是1 *我们得到身体的属性,让他的背景颜色变成金色 * */var aRr=sData.split ("="); var iNum=aRr [1]; 如果(iNum==1) { oBody.style。写成backgroundColor=盎平稹? }//如果(sData !=null)//{//警报(sData);//} 警报(sData);/*获取地址参数*/} & lt;/script> & lt;/head> & lt;身体id=癰ody01”比; & lt;输入类型="按钮" name=" value=" https://www.yisu.com/zixun/跳转" id=癰tn01”比; & lt;/body> & lt;/html> >之前
如上是访问页面的地址,在最后& # 63;问好后面的就是参数,在开放中可以根据不同的参数,使得页面表现形式不一样。
比如现在参数是1
我们得到身体的属性,让他的背景颜色变成金色
& lt; !DOCTYPE html> & lt; html lang=癳n”比; & lt; head> & lt;元charset=皍tf - 8”比; & lt; title> Document & lt;/head> & lt; body> & lt; a href=" https://www.yisu.com/zixun/常用内置对象. html”rel=巴獠縩ofollow”祝辞链接到常用内置对象的页面& lt;/a> & lt; a href=" https://www.yisu.com/zixun/常用内置对象html ?aa=1 " rel="外部nofollow”祝辞链接到常用内置对象的页面1 & lt;/a> & lt; a href=" https://www.yisu.com/zixun/常用内置对象html ?aa=2 " rel="外部nofollow”祝辞链接到常用内置对象的页面2 & lt;/a> & lt; a href=" https://www.yisu.com/zixun/常用内置对象html ?aa=3“rel="外部nofollow”祝辞链接到常用内置对象的页面3 & lt;/a> & lt;/body> & lt;/html> >之前传递不同的参数改变页面的状态。
更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《JavaScript面向对象入门教程》、《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
JavaScript封闭函数及常用内置对象示例