JavaScript瞭解,js的插入

1爲什麼學習JavaScript

一、你知道,爲什麼JavaScript非常值得我們學習嗎?

1. 所有主流瀏覽器都支持JavaScript。

2. 目前,全世界大部分網頁都使用JavaScript。

3. 它可以讓網頁呈現各種動態效果。

4. 做爲一個Web開發師,如果你想提供漂亮的網頁、令用戶滿意的上網體驗,JavaScript是必不可少的工具。

二、易學性

1.學習環境無外不在,只要有文本編輯器,就能編寫JavaScript程序。

2.我們可以用簡單命令,完成一些基本操作。

三、從哪開始學習呢?

學習JavaScript的起點就是處理網頁,所以我們先學習基礎語法和如何使用DOM進行簡單操作。

2如何插入JS(一、使用<script>標籤在HTML網頁中插入JavaScript代碼)

我們來看看如何寫入JS代碼?你只需一步操作,使用<script>標籤在HTML網頁中插入JavaScript代碼。注意, <script>標籤要成對出現,並把JavaScript代碼寫在<script></script>之間。

<script type="text/javascript">表示在<script></script>之間的是文本類型(text),javascript是爲了告訴瀏覽器裏面的文本是屬於JavaScript語言。

3如何插入JS(二、引用JS外部文件

我們可以把HTML文件和JS代碼分開,並單獨創建一個JavaScript文件(簡稱JS文件),其文件後綴通常爲.js,然後將JS代碼直接寫在JS文件中。

注意:在JS文件中,不需要<script>標籤,直接編寫JavaScript代碼就可以了。

JS文件不能直接運行,需嵌入到HTML文件中執行,我們需在HTML中添加如下代碼,就可將JS文件嵌入HTML文件中。

<script src="script.js"></script>

4.JS在頁面中的位置

我們可以將JavaScript代碼放在html文件中任何位置,但是我們一般放在網頁的head或者body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會執行這個代碼,然後才解析頁面的其餘部分。
放在<body>部分
JavaScript代碼在網頁讀取到該語句的時候就會執行。

注意: javascript作爲一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先後順序的,所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head裏面,因爲初始化都要求提前進行(如給頁面body設置css等);而如果是通過事件調用執行的function那麼對位置沒什麼要求的。

5JavaScript-認識語句和符號

JavaScript語句是發給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。

每一句JavaScript代碼格式: 語句;

先來看看下面代碼

<script type="text/javascript">
   alert("hello!");
</script>

例子中的alert("hello!");就是一個JavaScript語句。

一行的結束就被認定爲語句的結束,通常在結尾加上一個分號";"來表示語句的結束。

注意:

1. “;”分號要在英文狀態下輸入,同樣,JS中的代碼和符號都要在英文狀態下輸入。

2. 雖然分號“;”也可以不寫,但我們要養成編程的好習慣,記得在語句末尾寫上分號。

6JavaScript-什麼是變量

什麼是變量? 從字面上看,變量是可變的量;從編程角度講,變量是用於存儲某種/某些數值的存儲器。我們可以把變量看做一個盒子,爲了區分盒子,可以用BOX1,BOX2等名稱代表不同盒子,BOX1就是盒子的名字(也就是變量的名字)。

定義變量使用關鍵字var,語法如下:

var 變量名

變量名可以任意取名,但要遵循命名規則:

    1.變量必須使用字母、下劃線(_)或者美元符($)開始。

    2.然後可以使用任意多個英文字母、數字、下劃線(_)或者美元符($)組成。

    3.不能使用JavaScript關鍵詞與JavaScript保留字。

變量要先聲明再賦值,如下:

var mychar;
mychar="javascript";
var mynum = 6;

變量可以重複賦值,如下:

var mychar;
mychar="javascript";
mychar="hello";

注意:

1. 在JS中區分大小寫,如變量mychar與myChar是不一樣的,表示是兩個變量。

2. 變量雖然也可以不聲明,直接使用,但不規範,需要先聲明,後使用。

7JavaScript-什麼是函數

函數是完成某個特定功能的一組語句。如沒有函數,完成任務可能需要五行、十行、甚至更多的代碼。這時我們就可以把完成特定功能的代碼塊放到一個函數裏,直接調用這個函數,就省重複輸入大量代碼的麻煩。

如何定義一個函數呢?基本語法如下:

function 函數名()
{
     函數代碼;
}

說明:

1. function定義函數的關鍵字。

2. "函數名"你爲函數取的名字。

3. "函數代碼"替換爲完成特定功能的代碼。

我們來編寫一個實現兩數相加的簡單函數,並給函數起個有意義的名字:“add2”,代碼如下:

function add2(){
   var sum = 3 + 2;
   alert(sum);
}

函數調用:

函數定義好後,是不能自動執行的,所以需調用它,只需直接在需要的位置寫函數就ok了,代碼如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章