當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript总结(一)

發(fā)布時間：2025/7/14 javascript 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript总结(一) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

一、JavaScript 簡介

? 1.1 、什么是 JavaScript?

?? ??? ?JavaScript 的簡稱：JS。

?? ??? ?JavaScript 是一個腳本。（不需要經(jīng)過編譯器編譯的語言就叫做腳本）

?? ??? ?JavaScript 的作用：
?? ??? ??? ?1）動態(tài)改變網(wǎng)頁內(nèi)容
?? ??? ??? ?2）動態(tài)改變網(wǎng)頁的外觀
?? ??? ??? ?3）驗證表單數(shù)據(jù)
?? ??? ??? ?4）響應事件

?? 1.2、 JavaScript 的特點

?? ??? ?1）語法簡單，易學易用。
?? ??? ?2）解釋型語言。
?? ??? ?3）動態(tài)執(zhí)行。
?? ??? ?4）跨平臺，JavaScript是依賴于瀏覽器本身的，與操作系統(tǒng)無關(guān)。
?? ??? ?5）基于對象和事件驅(qū)動（單擊、懸浮、雙擊、聚焦、失焦...）
?? ??? ?6）僅限客戶端。
?? 　　直接對用戶或客戶輸入做出響應，無須經(jīng)過Web服務程序。它對用戶的響應，是采用以事件驅(qū)動的方式進行的。所謂事件驅(qū)動，就是指在主頁中執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”。比如按下鼠標，移動窗口，選擇菜單等都可以視為事件。當事件發(fā)生后，可能會引起相應的事件響應。?

??? 1.3、 JavaScript 與 Java 的區(qū)別？

?? ??? ?1）Java 需要編譯。JavaScript 需要解釋。
?? ???? 2）Java 徹底的面向?qū)ο?/span>
?? ???? 3）Java 是強類型（數(shù)據(jù)要特別指定類型來存儲）。
?? ??? ??? JavaScript 是弱類型（會根據(jù)給定的數(shù)據(jù)來推算出類型）。

二、引入方式與引入位置

　　向HTML頁面插入JavaScript的主要方法，就是使用<script元素>。

　　使用<script>元素的方式有兩種：直接在HTML頁面中嵌入JavaScript代碼和包含外部的JavaScript文件。

JS代碼存放在標簽對<script>．．．</script>中。

使用script標簽的src屬性引入一個js文件。（方便后期維護，擴展）

　　　　例：<script src=”test.js” type=”text/javascript”></script>

　　　　　　注：規(guī)范中script標簽中必須加入type屬性。

內(nèi)部

<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>在HTML中使用JavaScript</title></head><body><h1>在頁面中嵌入JavaScript</h1><script type="text/javascript">window.document.write("hello,world");</script></body> </html>

外部

html文件使用src引入外部my.js

JavaScript文件

JavaScript代碼

<script>標簽的位置

關(guān)于<script>標簽的位置，<script>一般應該放在頁面的<head>元素中。

<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>在HTML中使用JavaScript</title><script type="text/javascript" >window.document.write("世界你好！！！");</script></head><body><h1>將JavaScrip標簽放在head上</h1></body> </html>

注意：

　　1、頁面上可以有多個<script>標簽

　　2、 <script>標簽按順序執(zhí)行

　　3、 <script>標簽可以出現(xiàn)在任意的頁面位置

?? ?? 4、<script>標簽一定要寫</script>關(guān)閉，而不能<script/>這樣關(guān)閉。否則沒有任何錯誤信息，但是沒有運行結(jié)果。

三、區(qū)分大小寫

?　　JavaScript區(qū)分大小寫

四、常用函數(shù)

　　window.alert() 或?qū)憺?alert() ：顯示一個提示框顯示內(nèi)容。

　　window.document.write() ：在網(wǎng)頁的當前位置處寫內(nèi)容。

?五、變量

JavaScript的變量是弱類型的，定義變量時只用 var 運算符，可以將它初始化為任意值。

?　　//所有的數(shù)據(jù)都是用var定義
?? ??? ? var name = "admin";??
?? ??? ? var age = 26;
?? ??? ? var obj = new Date();

?六、數(shù)據(jù)類型

　　　使用typeof關(guān)鍵字查看變量代表的具體數(shù)據(jù)類型

?　　　var name = "admin";
?? ??? ? var age = 26;
?? ??? ? var obj = new Date();

???????? alert(typeof(name)+"=="+typeof(age)+"=="+typeof(obj));

?彈出：string==number==Object

有4種基本數(shù)據(jù)類型:

??? Undefined, Boolean,Number和String

undefined -?如果一個變量沒有初始化值的時候，其類型為undefined類型。表示沒有定義
boolean -布爾是boolean類型
number - 所有的數(shù)值都是number類型
string -字符和字符串都是string類型
object - 如果變量是一種引用類型或 Null 類型的

七、類型轉(zhuǎn)換

　　　　ECMAScript 提供了兩種把非數(shù)字的原始值轉(zhuǎn)換成數(shù)字的方法，即 parseInt() 和 parseFloat()。只有對 String 類型調(diào)用這些方法，它們才能正確運行；對其他類型返回的都是 NaN。

??? 在判斷字符串是否是數(shù)字值前，parseInt() 和 parseFloat() 都會仔細分析該字符串。

　　　　parseInt() 方法首先查看位置 0 處的字符，判斷它是否是個有效數(shù)字；如果不是，該方法將返回 NaN，不再繼續(xù)執(zhí)行其他操作。但如果該字符是有效數(shù)字，該方法將查看位置 1 處的字符，進行同樣的測試。這一過程將持續(xù)到發(fā)現(xiàn)非有效數(shù)字的字符為止，此時 parseInt() 將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。

??? 例如，如果要把字符串 "12345red" 轉(zhuǎn)換成整數(shù)，那么 parseInt() 將返回 12345，因為當它檢查到字符 r 時，就會停止檢測過程。