javascript学习笔记(一)

1 <script> 元素的两种使用方法:

1.1.script 内嵌代码

<script>
     function sayHi(){
         alert(“Hi!”);
     }
 </script>

1.2 script 引用代码

<script type=“text/javascript” src=“example.js”></script>

2 <script>标签的位置

放在<body>标签所有内容的后面,这样可以快速呈现网页的内容。

<!DOCTYPE html>
 <html>
     <head>
         <title>Example HTML page</title>
     </head>
     <body>
         <!—这里是内容—>
         <script type=“text/javascript” src=“example.js”></script>
     </body>
 </html>

3 延迟脚本和异步脚本(了解内容)

<!DOCTYPE html>
 <html>
     <head>
         <title>这是延迟脚本</title>
         <script type=“text/javascript” defer=“defer” src=“example.js”></script>
     </head>
     <body>
         <!—这里延迟脚本的script可以放在head里,也可以放在body所有内容的后面—>
         <!—这取决于浏览器对defer的支持—>
     </body>
 </html>

4js语法(重点)

4.1 严格模式

“use strict”;

4.2 前置递增(递减)和后置递增(递减)的区别

前置增减,先增减后计算,变量值在求值以前被改变

后置增减,先计算后增减,变量求值后被改变

var num1 = 2 ;
 var num2 = 20 ;
 var num3 = ++num1 + num2;    //==23
 var num4 = num1 + num2;         //==23
 
 //第三步计算中,num1先自增1,然后将自增的结果赋给num1,num1=23
 //分解
 var num1=2;
 var num2=20;
 num1 = num1 + 1;
 var num3 = num1 + num2;
 var num4 = num1 + num2;
 //分解
 
 var num1=2;
 var num2=20;
 var num3= num1++ + num2;     //==22
 var num4= num1 + num2;         //==23
 
 //第三步计算中,num1 先和num2 做加法运算,然后再自增1并把值赋给num1.
 
 //分解
 var num1=2;
 var num2=20;
 var num3 = num1 + num2;
 num1 = num1 +1;
 var num4 = num1 + num2;
 //分解