JavaScript封闭函数、常用内置对象、js调试方法

1.封闭函数

封闭函数是JavaScript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数

/在封闭函数前加’;‘,可以避免js压缩时出错/
;(function(){

    alert(‘hello world!‘);

})();

/*当i大于78时等于78,小于时等于89*/
var i = 90>78?78:89;
alert(i);

/*第二个写法*/
!function(){

    alert(‘hello world!‘);

}();

/*第三个写法*/
~function(){

    alert(‘hello world!‘);

}();

**2.常用内置对象**

1.document

document.getElementById 通过id获取元素

document.getElementByTagName 通过标签名获取元素

document.referrer 获取上一个跳转页面的地址(需要服务器环境)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内置对象</title>
<script type="text/javascript">
window.onload = function(){

    /*存储上一个地址,需要服务器环境*/
    /*var sUrl = document.referrer;*/
    var oBtn = document.getElementById(‘btn01‘);
    oBtn.onclick = function(){

        /*window.location.href = sUrl;*/
        window.location.href = ‘http://www.baidu.com‘;
    }
}

</script>

</head>

<body>

<input type="button" name="" value="跳转" id="btn01">

</body>
</html>

2.location

window.location.href 获取或者重定向url地址

window.location.search 获取地址参数部分

window.location.hash 获取页面锚点或者叫哈希值

例子:通过地址参数更换背景

文件一:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内置对象</title>
<script type="text/javascript">
window.onload = function(){

    var oBody = document.getElementById(‘body01‘);
    /*通过?...传递地址*/
    var sDate = window.location.search;

    /*通过#...传递地址*/
    var sHash = window.location.hash;
    /*alert(sHash);*/

    if(sDate != ‘‘){
        var iRan = sDate.split(‘=‘);  /*以等号分割*/
        var iNum = iRan[1];  /*元素集的第二个*/

        if(iNum==1){
            oBody.style.backgroundColor = ‘gold‘;
        }
        else if(iNum==2){
            oBody.style.backgroundColor = ‘red‘;
        }
        else if(iNum==3){
            oBody.style.backgroundColor = ‘blue‘;
        }
    }
}

</script>

</head>

<body id="body01">

<a href="inner01.html">到inner01</a>

</body>
</html>

文件二:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置背景</title>
</head>

<body>

<a href="innerobject.html?a=1#123">背景一</a>
<br /><br />
<a href="innerobject.html?a=2">背景二</a>
<br /><br />
<a href="innerobject.html?a=3">背景三</a>

</body>
</html>

3.Math

Math.random 获取0-1的随机数

Math.floor 向下取数

Math.ceil 向上取数

例子:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>math</title>
<script type="text/javascript">

var iNum = Math.PI;
alert(iNum);

var iNum01 = [];
for(var i=0;i<20;i++){
    /*返回0-1的随机数*/
    iNum02 = Math.random();
    iNum01.push(iNum02);
}
alert(iNum01);

/*向下取整*/
alert(Math.floor(5.7));

/*向上取整*/
alert(Math.ceil(8.1));

/*产生10-20的随机数*/
var iNum03 = 10;
var iNum04 = 20;
var iNum05 = [];

for(var i=0;i<20;i++){
    /*因为向下取整,为了出现20,加1,*/
    var iN = Math.floor((iNum04-iNum03+1)*Math.random()) + iNum03;
    iNum05.push(iN);
}
console.log(iNum05); /*在浏览器console里显示*/
</script>

</head>

<body>
</body>
</html>

4.js调试方法

(1)alert():会阻止程序的运行

(2)console.log():浏览器console

(3)document.title():页面标题

原文地址:http://blog.51cto.com/13742773/2339423

时间: 2024-08-09 08:43:16

JavaScript封闭函数、常用内置对象、js调试方法的相关文章

JS的常用内置对象及方法

大家好,我是逆战班的一名学员,今天我给大家介绍一下关于JS常用内置对象及其使用方法的相关知识. 对于JS的内置对象,我所了解的有Array对象.Math对象.Date对象 一.Array对象 1.concat() 例:var arr1=arr. concat (1,2,3) var arr1=arr. concat (arr) 表示把几个数组或元素合并成一个数组 2.join() 例:var str= arr. join( ) 设置分隔符连接数组元素为一个字符串 3.pop() 例:arr. p

javascript中的arguments内置对象

什么是arguments arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments对象.所以agruments对象对于javascript程序员来说是必需熟悉的. 所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数.他不是一个数组,如果用typeof arguments,返回的是'object'.虽然我们可以用调用数据的方法来调用arguments.比如length,还有

07-JavaScript常用内置对象

JavaScript常用内置对象 1.数组Array 1.1数组的创建方式 // 直接创建数组 var colors = ['red', 'blue', 'green']; console.log(colors, typeof(colors)); // 使用构造函数,通过new关键字创造数组 var colors2 = new Array(); console.log(colors2,typeof(colors2)); 1.2数组的赋值 var arr = []; // JS数组的下标和pyth

常用内置对象

1.什么是JavaScript对象 对象是JavaScript中最重要的元素 JavaScript包含多种对象: 内置对象 自定义对象 浏览器对象 HTML DOM对象2.使用对象 对象由属性和方法封装而成 属性的引用 使用点(.)运算符 对象的方法的引用 ObjectName.method()3.常用内置对象 简单数据对象 String.Number.Boolean 组合对象 Array.Math.Date 高级对象 Function.RegExp4.String对象 创建字符串对象 Stri

JavaScript 中关于Date的内置对象属性和方法的总结

Date 属性: 1.constructor    所建立对象的函数参考 2.prototype      能够为对象加入的属性和方法 方法: 1.getDay()    返回一周中的第几天(0-6) 2.getYear()    返回年份.2000年以前为2位,2000(包含)以后为4位 3.getFullYear()     返回完整的4位年份数 4.getMonth()      返回月份数(0-11) 5.getDate()       返回日(1-31) 6.getHours()  

ASP.NET常用内置对象

ASP.NET 常用内置对象:Response对象.Request对象.Session对象.Server对象.Application对象 1.Response对象: (1) 用于向浏览器输出信息 常用的方法是:Response.Write()方法,例如:Response.Write("Hello"); Response.Write(“<b>当前时间是:</b>"+DateTime.Now); (2)利用Response.Redirect()方法进行页面

JS-安全检测JavaScript基本数据类型和内置对象的方法

前言:在前端开发中经常会需要用到检测变量数据类型的需求,比如:判断一个变量是否为undefined或者null来进行下一步的操作,今天在阅读“编写高质量代码-改善JavaScript程序的188个建议”这本书的时候看到这个比较好的方法,在此小记一笔以备在以后的开发中使用. 1:如下所示是我编写的演示代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>I

JavaScript原生函数(内置函数)

1.JavaScript原生函数(内置函数) JavaScript原生函数(内置函数)有: String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() 2.创建内置函数 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> &l

javascript的优缺点和内置对象

1)优点:简单易用,与Java有类似的语法,可以使用任何文本编辑工具编写,只需要浏览器就可执行程序,并且事先不用编译,逐行执行,无需进行严格的变量声明,而且内置大量现成对象,编写少量程序可以完成目标: 2)缺点:不适合开发大型应用程序: 3)Javascript有11种内置对象: Array.String.Date.Math.Boolean.Number.Function.Global.Error.RegExp.Object. 原文地址:https://www.cnblogs.com/yuyu6