javascript 基礎知識

一.javascript的特點

1. 瀏覽器腳本語言,可以跟html代碼進行混排

2. 跨平臺性能優越,可以再windows.linux上進行編寫

3. 安全性好

4. 兼容性好

二.javascrpt 有三大學習目標

1. 特效

2. 表單驗證

3. ajax

三.javascript 基礎語法

javascript使用場景有四種

1. script 標簽

   <script type="text/javascript">

   alert(‘你好‘) //alert在頁面彈框中顯示內容

   <script>

2. 外部引入script標簽,需要src屬性

2.1 創建文件1.js

2.2 在主html文件中通過script標簽引入1.js特效文件

<script type="text/javascript src="./1.js></script>

// ./ 代表當前目錄 有絕對路徑和相對路徑寫法

3. 元素事件屬性

 <button onclick=‘func()>按鈕</button>
   <script type="text/javascript">
    function func(){
        alert(‘按鈕觸發‘);
    }
    <script>

通過點擊按鈕框,點擊動作時onclick,觸發了func()函數,實現alert()效果

4.a標簽 的href屬性

聲明一個變量 var 變量名稱 例如: var a = 1; 聲明a變量是1

<a href="javascript:var a=10;var b=10;alert(a+b);"  >連接</a>

四.變量是聲明

1. 變量的聲明可以由字母數字下劃線組成

2. 首字母是不能為數字的

3. javascript是非常嚴格區分大小寫的

4. 並且不能關鍵字,這裏的關鍵字指例如不能使javascript內置函數名稱

五.註釋

註釋過的內容,在最終網頁顯示上是看不到的,便於給開發人員觀看代碼說明,也利於其他人員觀看,可以通過查看網頁源代碼進行觀看

單行註釋 // 內容

多行註釋 /* 內容 */

六.數據類型

1. 數據類型的分類

boolean(布爾型) string(字符串型) number(數字類型) object(對象) function undefined

number數字類型,在php中有整形和浮點型,在javascript中統稱為數字類型,所以nember類型即包含整形也包含浮點型,還有一個特殊的NaN, 沒有數值.

NaN和任何一個數值運算得到的值都是NaN.

任何數值和NaN進行比較的時候,返回結果都是false.(!= 和!==)返回的結果是true

檢測一個值是否是NaN的時候,可以使用isNaN函數

oject對象 ,包含newObject.newArray,null

七.數據類型轉換

1. 數據類型轉換分為 強制類型轉換 和 自動類型轉換

   1.1強制類型轉換:

   轉換數字有三種

   parseInt:如果是純數值的話,返回的直接是數字類型的值,

   如果首字母是數字,則截取到第一個不是數字之前的數字返回

   如果首字母不是數字,返回NaN

   parseFloat:轉換規律和parseInt一致

   Number:純數字轉化為純數字,如果中間有非數字,則直接返回NaN (true = 1 false = 0)

   1.1轉換為字符串

   通過string進行字符串轉換,例如 string(123) 轉換後‘123‘

   1.3 轉換為布爾 Boolean

2.1自動類型轉換 主要if() 括號內內容會進行自動轉換true和false

NaN 意思是note a number,檢測是不是NaN類型 isNaN

有數字和字母組成的字符串,轉換成int,只去數字階段

如:var a=‘200abc‘;

var z = parseInt(a);

z=200 parseFloat 同理

轉換為false的情況

0,0.0,‘‘,‘0‘,null,new Array(),undefined,NaN,false,function(){}

八.運算符

主要內容:算數\賦值\比較\邏輯\位\其他\字符串連接(+)

在php中字符串連接用.

在javascript字符串連接用+

如 100+‘200‘ 等於的結果是10200

100+200 等於的結果是300

100+200+‘300‘ 結果是300300

‘10‘+(2+1); 結果是103 先算括號裏面的

九.流程控制

if(){}

else if(){} 在javascript中else if中間要有空格

switch () 檢測值相等,才能執行

十.循環結構

1.for

2.while

3.do...while

4.break

5.continue

本文出自 “苦逼php” 博客，請務必保留此出處http://haibobo.blog.51cto.com/4799843/1941971

javascript 學習總結 第一天