JavaScript教程之javascript学习笔记（一）

当前位置:

首页 > 网站开发 > JavaScript >

JavaScript教程之javascript学习笔记（一）

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

　　1.1. script 内嵌代码

1 <script>
2     function sayHi(){
3         alert(“Hi!”);
4     }
5 </script>

　　1.2 script 引用代码

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

2 <script>标签的位置

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

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>Example HTML page</title>
 5     </head>
 6     <body>
 7         <!—这里是内容—>
 8         <script type=“text/javascript” src=“example.js”></script>
 9     </body>
10 </html>

3 延迟脚本和异步脚本（了解内容）

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>这是延迟脚本</title>
 5         <script type=“text/javascript” defer=“defer” src=“example.js”></script>
 6     </head>
 7     <body>
 8         <!—这里延迟脚本的script可以放在head里，也可以放在body所有内容的后面—>
 9         <!—这取决于浏览器对defer的支持—>
10     </body>
11 </html>

4 　js语法（重点）

　　4.1 严格模式

　　　　“use strict”;

　　4.2 前置递增（递减）和后置递增（递减）的区别

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

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

 1 var num1 = 2 ;
 2 var num2 = 20 ;
 3 var num3 = ++num1 + num2;    //==23
 4 var num4 = num1 + num2;         //==23
 5 
 6 //第三步计算中，num1先自增1，然后将自增的结果赋给num1，num1=23
 7 //分解
 8 var num1=2;
 9 var num2=20;
10 num1 = num1 + 1;
11 var num3 = num1 + num2;
12 var num4 = num1 + num2;
13 //分解
14 
15 var num1=2;
16 var num2=20;
17 var num3= num1++ + num2;     //==22
18 var num4= num1 + num2;         //==23
19 
20 //第三步计算中，num1 先和num2 做加法运算，然后再自增1并把值赋给num1.
21 
22 //分解
23 var num1=2;
24 var num2=20;
25 var num3 = num1 + num2;
26 num1 = num1 +1;
27 var num4 = num1 + num2;
28 //分解

栏目列表