一:变量的作用域
变量既可以是全局,也可以是局部的。 全局变量:可以在脚本中的任何位置被引用,一旦你在某个脚本里声明了全局变量,你就可以 在这个脚本的任何位置(包括函数内部)引用它,全局变量的作用域是整个脚本; 局部变量:只存在于对它做出声明的函数内部,在函数的外部无法相用它,局部变量的作用域 仅限于函数内部;
例: function square(num){
var total;
total = num * num;
return total;
}
var total = 50;
alert(total);
var number = square(20);
alert(total);
var global = "global"; //全局变量 function test(){ var local="local"; //局部变量 global2="global2"; //全局变量 } 在函数 外 用 var 声明的变量 定义在函数当中,但是没有用var声明的是全局变量 定义在函数当中,用var声明的是局部变量
二:JavaScript 内部函数
在javascript中有一些功能是很常用的,它们以全局函数的形式提供给用户,这些函数称为内 部函数。
1.eval()
eval 接受一个字符串类型的参数,将这个字符串作为代码在上下文环境中执行,并返回执行 的结果;
例:
var i = 1;
eval(“i = i + 1”);
eval(“alert(i);”);
2.parseInt 和 parseFloat 将字符串转换为数字
3. escape 和 unescape 进行URL编码和解码
例:
var url = “http://www.baidu.com/s?name=小米”;
url = escape(url); alert(url);
alert(unescape(url));
utf-8 编码:多国语言编码
GB2312/GBK:中文简体
三:JavaScript 调试
在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。 没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。 通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。
JavaScript 调试工具 在程序代码中寻找错误叫做代码调试。 调试很难,但幸运的是,很多浏览器都内置了调试工具。 内置的调试工具可以开始或关闭,严重的错误信息会发送给用户。 有了调试工具,我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。 浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 "Console" 。
实例:
<script>
console.log(“hello world!”);
</script>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>table</title> 6 <script type="text/javascript"> 7 var D =new Date(), 8 y =D.getFullYear(), 9 m =D.getMonth()+1, 10 d =D.getDate(), 11 h =D.getHours(), 12 g =D.getMinutes(), 13 wd =D.getDay(), 14 week= [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘]; 15 document.write(y+"年"+m+"月"+d+"日"+h+":"+g+week[wd]); 16 17 18 19 </script> 20 </head> 21 <body> 22 23 </body> 24 </html>
1 //该方法可返回一个数的绝对值。 2 document.write(‘<br>‘); 3 var a=Math.abs(-2); 4 document.write(a); 5 6 //该方法可把一个数字舍入为最接近的整数 7 document.write(‘<br>‘); 8 var a=Math.round(5.5); 9 document.write(a); 10 11 //ceil() 方法返回大于等于x的最小整数。(取大整) 12 document.write(‘<br>‘); 13 var a=Math.ceil(1.4); 14 document.write(a); 15 16 // floor() 方法返回小于等于x的最大整数。(取小整) 17 document.write(‘<br>‘); 18 var a=Math.floor(1.6); 19 document.write(a); 20 21 //pow() 方法返回 x 的 y 次幂。 (4的3次方) 22 document.write(‘<br>‘); 23 var a=Math.pow(4,3); 24 document.write(a); 25 26 //随机数 默认0-1 27 var result1=parseInt(Math.random()); 28 document.write(result1); 29 document.write(‘<br>‘); 30 31 //随机数50-100 32 var result2=parseInt(50+Math.random()*50); 33 document.write(result2); 34 document.write(‘<br>‘); 35 36 //随机数1-10 37 var result3=parseInt(Math.random()*10); 38 document.write(result3);
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <script type="text/javascript"> 8 var arr = [ 9 "标题1", 10 "标题2", 11 "标题3", 12 "标题4" 13 ]; 14 arr.push("标题5", "标题6"); 15 arr.unshift("标题7", "标题8"); 16 </script> 17 </head> 18 19 <body> 20 <ul> 21 <script type="text/javascript"> 22 for(var i = 0; i < arr.length; i++) { 23 document.write("<li>"+arr[i]+"</li>"); 24 } 25 </script> 26 </ul> 27 </body> 28 29 </html>