JavaScript封闭函数及常用内置对象示例
本文实例讲述了JavaScript封闭函数及常用内置对象。分享给大家供大家参考，具体如下：
封闭函数
在封闭函数内部定义的函数与外部函数尽管同名也没有关系，同理，定义的变量也可以同名。
封闭函数的写法，一是加括号，一是加感叹号。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封闭函数</title>
<script type="text/javascript">
var num = 22;
function f() {
alert("hello ");
}
(function () {
var num = 11;
function myalter() {
alert("hello world");
}
alert(num);
myalter()
})();
/*封闭函数的第二种写法,前面加一个感叹号或者加一个波浪线*/
!function(){
alert("ll");
}();
alert(num)
</script>
</head>
<body>
<div>
55
</div>
</body>
</html>
常用内置对象
1.document
document.getElemntsByTagName 通过标签名获取元素
document.getElementsById 通过id获取元素
document.referrer 获取上一个跳转页面的地址
2.location
window.location.href 获取或者重定向url地址
window.location.search 获取地址参数部分
window.location.hash 获取页面锚点或者叫hash值
<meta charset="UTF-8">
<title>常用内置对象</title>
<script type="text/javascript">
/*
* 1.document
* document.getElemntsByTagName 通过标签名获取元素
* document.getElementsById 通过id获取元素
* document.referrer 获取上一个跳转页面的地址
*
* 2.location
* window.location.href 获取或者重定向url地址
* window.location.search 获取地址参数部分
* window.location.hash 获取页面锚点或者叫hash值
*
* */
window.onload = function () {
var sUrl = document.referrer;
/*获取服务器地址,或者说上一个页面地址*/
var oBtn = document.getElementById("btn01");
oBtn.onclick = function () {
window.location.href = sUrl;
/*但是因为不是服务器地址所以存不下来，这边可以直接写百度网址的字符串*/
};
var oBody = window.getElementById('body01');
var sData = window.location.search;
/*http://localhost:63342/Javascirpt/%E5%B8%B8%E7%94%A8%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1.html?_ijt=1
* 如上是访问页面的地址，在最后?问好后面的就是参数，在开放中可以根据不同的参数，使得页面表现形式不一样。
* 比如现在参数是1
* 我们得到body的属性，让他的背景颜色变成金色
* */
var aRr = sData.split("=");
var iNum = aRr[1];
if (iNum == 1) {
oBody.style.backgroundColor = "gold";
}
// if(sData!=null)
// {
// alert(sData);
// }
alert(sData);
/*获取地址参数*/
}
</script>
</head>
<body id='body01'>
<input type="button" name="" value="跳转" id="btn01">
</body>
</html>
http://localhost:63342/Javascirpt/常用内置对象.html?_ijt=1
如上是访问页面的地址，在最后?问好后面的就是参数，在开放中可以根据不同的参数，使得页面表现形式不一样。
比如现在参数是1
我们得到body的属性，让他的背景颜色变成金色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="常用内置对象.html" rel="external nofollow" >链接到常用内置对象的页面</a> <a href="常用内置对象.html?aa=1" rel="external nofollow" >链接到常用内置对象的页面1</a> <a href="常用内置对象.html?aa=2" rel="external nofollow" >链接到常用内置对象的页面2</a> <a href="常用内置对象.html?aa=3" rel="external nofollow" >链接到常用内置对象的页面3</a> </body> </html>
传递不同的参数改变页面的状态。
更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
javascript function、指针及内置对象
函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解. javascript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的.通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递.在继续讲述之前,先看一下函数的使用语法: 以下是引用片段: function func1(-){-} var func2=function(-){-}; var func3=function func4(-){-}; var func5=new
-
浅谈JavaScript的内置对象和浏览器对象
在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象. 对象包含两个要素: 1. 用来描述对象特性的一组数据,也就是若干变量,通常称为属性. 2. 用来操作对象特性的若干动作,也就是若干函数,通常称为方法. 浏览器对象 对象 含义 anchor 当前文档中设置了name属性的超链接 applet 当前文档中的小程序 area 客户端图形映射中的区域 button 表单中的按钮 checkbook 表单中的复选框 document 当前窗口中的HTML文档
-
js内置对象 学习笔记
mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http://www.jb51.net/w3school/js/js_reference.htm) 作为一门编程语言,JavaScript提供了一些内置的对象和函数.内置对象提供编程的几种最常用的功能.JavaScript内置对象有以下几种. ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储
-
JavaScript 核心参考教程 内置对象
这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft).Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言,从 1996 年开始,已经出现在所有的 Netscape 和 Microsoft 浏览器中.ECMA-262 的开发始于 1996 年,在 1997 年 7 月,ECMA 会员大会采纳了它的首个版本. 本系列教程旨在向大家分享本人当年学习Javascript的笔记和心得.本系列教程预计分五个部分. 第
-
javascript内置对象arguments详解
一.什么是argumentsarguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments对象.所以agruments对象对于javascript程序员来说是必需熟悉的.所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数.他不是一个数组,如果用typeof arguments,返回的是'object'.虽然我们可以用调用数据的方法来调用arguments.比如length,还有
-
javascript 内置对象及常见API详细介绍
一. 类与对象 在 JavaScript世界里,关于面向对象第一个要澄清的概念就是类.对象都是由类来定义的,通过类来创建对象就是我们所熟悉的实例化.然而,在 JavaScript中别没有真正的类,对象的定义就是对象自身.而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂.为了方便理解,我通常把这个发挥类的作用的调和剂称为类. Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对en
-
JavaScript 内置对象属性及方法集合
1.Date 属性(1): constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 方法(43): getDay() 返回一周中的第几天(0-6) getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位 getFullYear() 返回完整的4位年份数 getMonth() 返回月份数(0-11) getDate() 返回日(1-31) getHours() 返回小时数(0-23) getMinutes() 返回分钟(0-59) ge
-
浅谈JS封闭函数、闭包、内置对象
一.变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量 1.全局变量:在函数之外定义的变量,为整个页面公用,函数的内部外部都可以访问. 2.局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问.函数内部访问变量时,先在内部查找是否有此变量,如果有,就使用内部,如果没有,就去外部查找 二.封闭函数封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数. 1.一般函数的定义和执行函数 2.封闭函数的定义和执
-
详解JavaScript的内置对象
什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Ar
-
JavaScript封闭函数及常用内置对象示例
本文实例讲述了JavaScript封闭函数及常用内置对象.分享给大家供大家参考,具体如下: 封闭函数 在封闭函数内部定义的函数与外部函数尽管同名也没有关系,同理,定义的变量也可以同名. 封闭函数的写法,一是加括号,一是加感叹号. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>封闭函数</title> &
-
Javascript 类型转换、封闭函数及常见内置对象操作示例
本文实例讲述了Javascript 类型转换.封闭函数及常见内置对象.分享给大家供大家参考,具体如下: Javascript组成 1.ECMAscript javascript的语法(变量.函数.循环语句等语法) 2.DOM 文档对象模型 操作html和css的方法 3.BOM 浏览器对象模型 操作浏览器的一些方法 类型转换 1.直接转换 parseInt() 与 parseFloat() alert('12'+7); //弹出127 alert( parseInt('12') + 7 ); /
-
JavaScript常用内置对象用法分析
本文实例讲述了JavaScript常用内置对象用法.分享给大家供大家参考,具体如下: 博主最近半个月没有更新博客,主要是每天都在学车中,学车的过程虽然挺折腾的,但是人吗总得学会适应,在百忙之中给大家分享一篇关于JavaScript的内置对象,不清楚的小伙伴可以进来看看. (1)String对象 当使用到字符串的属性或方法时,系统会把字符串包装成一个对象 属性 length:获取字符串的长度 方法 concat(str1,str2):连接字符串 indexOf(str):查找第一次出现的子字符串的
-
Javascript基础知识中关于内置对象的知识
目录 1.内置对象介绍 1.1 Math对象 1.2 Math中的方法 1.3 Date对象 2.Date中的方法 3.经典案例:倒计时效果: 4.Array数组对象 4.1 数组的创建 4.2 数组中的常用方法 5.字符串String 1.内置对象介绍 JavaScript组成: ECMAScript | DOM | BOM ECMAScript: 变量 , 函数, 数据类型 ,流程控制,内置对象 js中的对象: 自定义对象 , 内置对象 , 浏览器对象(不属于ECMAScript) 1.1
-
Python高阶函数、常用内置函数用法实例分析
本文实例讲述了Python高阶函数.常用内置函数用法.分享给大家供大家参考,具体如下: 高阶函数: 允许将函数作为参数传入另一个函数: 允许返回一个函数. #返回值为函数的函数 sum=lambda x,y:x+y sub=lambda x,y:x-y calc_dict={"+":sum,"-":sub} def calc(x): return calc_dict[x] print(calc('-')(5,6)) print(calc('+')(5,6)) #参数
-
浅谈Python中的常用内置对象
一.常用的python内置对象 对象类型 类型名称 示例 简要说明 数字 int,float,complex 1234,3.14,3+4j 数字大小没有限制,内置支持复数及其运算 字符串 str 'swfu' 使用单引号.双引号.三引号作为定界符,以r/R引导表示原始字符串 字节串 bytes b'hello world' 以字母b引导,可以使用单引号.双引号.三引号作为定界符 列表 list [1,2,3] 所有元素放在[ ]中,元素之向使用","分隔,其中的元素可以是任意类型 字典
-
JavaScript 中的单例内置对象Global 与 Math
目录 前言 Global 1.URL编码方法 2.eval()方法 3.Gobal对象属性 4.window 对象 Math 1.Math 对象属性 2.min()和max()方法 3.舍入方法 Math.ceil(),Math.floor(),Math.round(),Math.fround() random()方法 前言 ECMA-262 对内置对象的定义是“任何由ECMAScript实现提供,与宿主环境无关,并在ECMAScript 程序开始执行时就存在的对象”.这意味着,开发者不用显示的
-
javascript学习笔记(八) js内置对象
1.URI方法 encodeURI()和encodeURIComponent()对URI进行编码 encodeURI()不会对本身属于URI的特殊字符进行编码,如冒号,正斜杠,问好,井字等 encodeURIComponent()会对任何非标准字符进行编码 2.eval() 方法:解释参数中的代码字符串 复制代码 代码如下: var msg = "hello world"; eval("alert(msg)"); //"hello world"
-
JavaScript内置对象介绍
目录 一.内置对象 二.Math对象 1.Math对象的使用 2.生成指定范围的随机数 三.日期对象 1.Date()方法的使用 2.日期对象的使用 3.获取时间戳 四.数组对象 1.数组对象的创建 2.检测是否为数组 3.添加删除数组元素的方法 4.数组排序 5. 数组索引方法 6.数组转换为字符串 五.字符串对象 1.根据字符返回位置 2. 根据位置返回字符 3. 字符串操作方法 4.split()方法 一.内置对象 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一