當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript总结(一)

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

生活随笔收集整理的這篇文章主要介紹了 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）驗(yàn)證表單數(shù)據(jù)
?? ??? ??? ?4）響應(yīng)事件

?? 1.2、 JavaScript 的特點(diǎn)

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

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

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

二、引入方式與引入位置

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

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

JS代碼存放在標(biāo)簽對<script>．．．</script>中。

使用script標(biāo)簽的src屬性引入一個js文件。（方便后期維護(hù)，擴(kuò)展）

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

　　　　　　注：規(guī)范中script標(biāo)簽中必須加入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>標(biāo)簽的位置

關(guān)于<script>標(biāo)簽的位置，<script>一般應(yīng)該放在頁面的<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標(biāo)簽放在head上</h1></body> </html>

注意：

　　1、頁面上可以有多個<script>標(biāo)簽

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

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

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

三、區(qū)分大小寫

?　　JavaScript區(qū)分大小寫

四、常用函數(shù)

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

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

?五、變量

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

?　　//所有的數(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)用這些方法，它們才能正確運(yùn)行；對其他類型返回的都是 NaN。

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

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

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

?八、比較運(yùn)算符

三目運(yùn)算

三目運(yùn)算符布爾表達(dá)式?值1:值2; */ var age = 10;document.write(age>18?"成年人":"未成年人"); //未成年人 //表達(dá)式？返回值1：返回值2 如果表達(dá)式成立則返回返回值1；如果表達(dá)式不成立，則返回返回值2

九、流程控制語句

轉(zhuǎn)載于:https://www.cnblogs.com/guzhou-ing/p/6464249.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript总结(一)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

JavaScript

上一篇： LINUX-Shell第一课
下一篇： CentOS7 redis-3.2.8