首页 > 代码库 > 2016y9m6d
2016y9m6d
一：变量的作用域
变量既可以是全局，也可以是局部的。 全局变量：可以在脚本中的任何位置被引用，一旦你在某个脚本里声明了全局变量，你就可以 在这个脚本的任何位置（包括函数内部）引用它，全局变量的作用域是整个脚本; 局部变量：只存在于对它做出声明的函数内部，在函数的外部无法相用它，局部变量的作用域 仅限于函数内部;
例： 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-127 var result1=parseInt(Math.random());28 document.write(result1);29 document.write(‘<br>‘);30 31 //随机数50-10032 var result2=parseInt(50+Math.random()*50);33 document.write(result2);34 document.write(‘<br>‘);35 36 //随机数1-1037 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>
2016y9m6d