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

javascript

JavaScript总结(一)

發布時間：2025/7/14 javascript 52 豆豆

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

一、JavaScript 簡介

? 1.1 、什么是 JavaScript?

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

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

?? ??? ?JavaScript 的作用：
?? ??? ??? ?1）動態改變網頁內容
?? ??? ??? ?2）動態改變網頁的外觀
?? ??? ??? ?3）驗證表單數據
?? ??? ??? ?4）響應事件

?? 1.2、 JavaScript 的特點

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

??? 1.3、 JavaScript 與 Java 的區別？

?? ??? ?1）Java 需要編譯。JavaScript 需要解釋。
?? ???? 2）Java 徹底的面向對象
?? ???? 3）Java 是強類型（數據要特別指定類型來存儲）。
?? ??? ??? JavaScript 是弱類型（會根據給定的數據來推算出類型）。

二、引入方式與引入位置

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

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

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

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

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

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

內部

<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>標簽的位置

關于<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>標簽按順序執行

　　3、 <script>標簽可以出現在任意的頁面位置

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

三、區分大小寫

?　　JavaScript區分大小寫

四、常用函數

　　window.alert() 或寫為 alert() ：顯示一個提示框顯示內容。

　　window.document.write() ：在網頁的當前位置處寫內容。

?五、變量

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

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

?六、數據類型

　　　使用typeof關鍵字查看變量代表的具體數據類型

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

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

?彈出：string==number==Object

有4種基本數據類型:

??? Undefined, Boolean,Number和String

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

七、類型轉換

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

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

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

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