目錄

一.什么是javaScript基礎

(一)特點:

(二)javaSrcipt組成部分:

(三)javaSrcipt的基本結構:

(三)javaSrcipt的核心語法:

(四)javaSrcipt的常用語法——函數:

1.常用系統函數

? ? ? ? ?2.自定義函數

3.變量的作用域

4.事件

---

一.什么是javaScript基礎

1.javascript是一種描述性語言，也是一種基于對象(Object) 和事件驅動(Event Driven) 的，并具有安全性能的腳本語言。

(一)特點:

1.javaScript主要用來在HTML頁面中添加交互行為。

2.javaScript是一種腳本語言,語法和java類似。

3.javaScript一般用來編寫客戶端的腳本。

4.Javacript是一種解釋性語言,邊執行邊解釋。

(二)javaSrcipt組成部分:

?

1.EcmAscript標準：是一種開放的，被國際上廣為接受的，標準的腳本語言規范，他不與任何具體的瀏覽器綁定；

-語法，

-變量和數據類型

-運算符

-邏輯控制語句

-關鍵字，保留字

-對象

2.瀏覽器對象模型(Browser Object Model ,BOM)

提供了獨立了內容與瀏覽器窗口進行交互的對象,使用瀏覽器對象模型可以實現與HTML的交互，如網上常見的彈出窗口，前進后退等功能都是瀏覽器對象控制的。

3.文檔對象模型

文檔對象模型(Document Object Model ,DOM),是HTML文檔對象模型(HTML DOM) 定義的一套標準方法，用來訪問和操縱HTML文檔，如網上商城常見的隨鼠標移動顯示大的圖片，彈出提示等都是文檔對象的功勞。

(三)javaSrcipt的基本結構:

1.語法；

<script type="text/javascript">javaScript語句</script>

2.javascript的執行原理

?

3.在網頁中引用JavaScript的方式

(1).內部JavaScript文件

直接使用<script>標簽將javaScript代碼加入到HTML中

<script >document.write("初學JavaScript")document.write("<h1>HelloWorld javaScript</h1>") </script>

(2).使用外部JavaScript文件

使用javaScript文件是將JavaScript代碼寫在一個外部文件中，以*.js為拓展名保存然后將該文件指定給<script> 標簽中的Scr屬性

（一）外部javaScript文件內容： document.write("你好") alert("提示") prompt("請輸入提示") （二）引入外部JavaScript文件<script type="text/javascript" src="test.js"></script>

(3).直接在HTML標簽

(三)在標簽中直接使用 <input type="button" value="彈出消息框"onclick="javascript:alert('歡迎你')"/>

?

(三)javaSrcipt的核心語法:

1.變量的聲明和賦值

在Javascript中，變量是使用關鍵字var聲明的 。

變量應該先聲明在賦值才能使用。

變量名命名規則與java相同,即可由數字，字母，下劃線和‘$’ 符號組成的，但首字母不能大寫。

變量的命名區分大小寫 。

語法： var 合法的變量名；

2.數據類型

-----ECMAScript提供了typeof運算符來判斷一個值的數據類型

使用typeof()運算符判斷數據類型 typeof(變量或值)

----常用的數據類型：

--undefined(未定義類型)

var u;

--null(空類型)

var n=null;

--number(數值類型)

var num=1;var num2=1.1;

--String(字符串類型)

var name='小明';

1.字符串的方法

(--)調用字符串的方法 字符串對象.方法名(); 方法描述

indexof(str)	查找指定字符在字符串中首次出現的位置 ，并返回位置下標
charAt(index)	返回在指定位置的字符
toLowerCase()	轉換字符串為小寫
toUpperCase()	轉換字符串為大寫
subString(index1,index2)	截取index1到index2之間的字符串，不包括index2索引對應的字符
split(str)	將字符串分割為字符串數組

--Boolean(布爾類型)
?

var bolean=true;var bolean1=false;

3.數組

javascript數組和Java中的集合一樣大小可變。

javascript中的數組也需要創建，賦值，在訪問數組元素，并通過數組的一些方法和屬性對數組元素進行處理。

------創建數組

(1)創建數組 var 數組名稱 =New Array(數組大小);

-----為數組賦值

(2)為數組賦值 var char=new Array("America","Greece","Britain","Canada","China","Egypy");var cha=new Array(3); vra[0]="abc"; vra[1]=123; vra[2]=true;var num=["ap","123"]

--訪問數組元素

訪問數組元素 使用for 循環 for(var i=0;i<char.length;i++){document.write(char[i]);} 使用forin循環 for(vra i in char ){document.write(char[i]);}

--數組的常用屬性和方法

類別名稱描述

屬性	length()	數組的長度
? ? ? ?方法	join()	將數組中的元素連接到字符串中
	sort()	對數組排序
	push()	象數組末尾添加一個或多個元素，并返回新的長度

4.運算符號

--常用的運算符

類別運算符號

算數運算符	+，-，*，/，%，，++，--
比較運算符	>,<,>=,<=,==,!=,===,!==
邏輯運算符	&&,||,!
賦值運算符	=,+=,-=

其中，===表示恒等，！===表示不恒等,都是用于比較，但===用于嚴格比較，===只要數據類型不匹配就返回Fasle。

5.邏輯控制語句

--條件結構

與java一樣javascript 的條件結構也分為if,switch結構；

1.if(表達式1) {//語句1； }else//語句2; {3.switch(表達式){case 1://語句1break;case 2://語句2break;default://語句3break; }

--循環結構

JavaScript中的循環結構分為for循環，while循環，do-while循環，for-in 循環

1.for循環 for(初始化，條件，增量或者減量) {//語句； }2.while循環 while(條件) {//語句； }3.do-while循環 do {//語句； }while(條件);4.for-in 循環 for(變量 in 對象) {//語句； }5.break關鍵字：退出整個循環6.continue 關鍵字：只退出當前循環，根據循環條件是否進行下一次循環

6.注釋

--單行注釋：//

--多行注釋? ?/*? ?*/

7.關鍵字和保留字

--關鍵字

關鍵字關鍵字關鍵字關鍵字關鍵字

break	case	catch	continue	default
delete	do	else	finally	for
function	if	in	instanceof	new?
return	switch	this	throw	try
typeof	var	void	while	with

--保留字

保留字保留字保留字保留字保留字

abstract	boolean?	byte	char?	class
const	debugger?	double?	enum	export?
extents??	final	float	goto	implements
import	int	interface	long	native
package	private	protected	public?	short
static	super	synchronized	throws	transient
volatile	?	?	?	?

8.常用的輸入/輸出

--警告(alert)

此方法會創建一個特殊的小對話框 alert("提示信息");

--提示(prompt)

頁面加載完成后彈出對話框 等待用戶輸入一行數據； prompt("提示信息","輸入框的默認信息");

9.語法約定

--大小寫的區分；

--變量，對象和函數的名稱；

--分號；

(四)javaSrcipt的常用語法——函數:

1.常用系統函數

1.parseInt()函數：將字符串轉換為整數 parseInt(“字符串”)2.parseFloat() 函數 ：將字符串轉換為浮點數 parseFloat("字符串");3.isNaN() 函數：判斷其參數是否非數字 若是返回true ，否則返回false; isNaN(X);

2.自定義函數

在javascript中，自定義函數有關鍵字function，函數名，一組參數及置于括號中的待執行的javascript語句組成

--定義函數

1.無參函數 function 函數名() {//語句； }2.有參函數 function 函數名(參數1，參數2，參數3) {//語句； }

--調用函數

事件名=“函數名（）”;//示例1： <input type="button" value="計算考試成績" onclick="sum(parseInt(prompt('請輸入考試科目數量')))"/>

3.變量的作用域

function sum(count){var score=0; //全局變量 作用域最大var sum=0;if(isNaN(count)){alert("輸入不是數字");}else if(count<=0) {alert("科目數量不能小于等于零");}for(var i =0;i<count;i++){score=parseInt(prompt("請輸入第"+(i+1)+"門科目成績"));if(isNaN(score)){var num=0; //局部變量 作用域最小alert("輸入不是數字");break;}else if(score<0) {alert("考試成績不能小于零");break;}sum+=score;}alert(count+"門科目的總成績是："+sum);}

4.事件

--常見的事件

名稱說明

onload	一個頁面或者一幅圖像完成加載
onlick	鼠標單擊某個對象
onmouseover	鼠標移到某個元素上
onkeydown	某個鍵盤按鍵被按下
onchange	域的內容被改變

總結

以上是生活随笔為你收集整理的一.JavaScript基础的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。