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-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>
原文地址:https://www.cnblogs.com/feng17176/p/5847371.html