JavaScript?教程

JavaScript 是 Web 的編程語言。

所有現(xiàn)代的 HTML 頁面都使用 JavaScript。

JavaScript 非常容易學(xué)。

本教程將教你學(xué)習(xí)從初級到高級JavaScript知識。

JavaScript?簡介

JavaScript 是互聯(lián)網(wǎng)上最流行的腳本語言，這門語言可用于 HTML 和 web，更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機等設(shè)備。

document.write("

這是一個標(biāo)題

");

document.write("

這是一個段落。

");

JavaScript：對事件的反應(yīng)

點我!

JavaScript：改變 HTML 內(nèi)容

使用 JavaScript 來處理 HTML 內(nèi)容是非常強大的功能。

x=document.getElementById("demo"); //查找元素

x.innerHTML="Hello JavaScript"; //改變內(nèi)容

JavaScript：改變 HTML 圖像

{

element=document.getElementById('myimage')if (element.src.match("bulbon"))

{

element.src="/images/pic_bulboff.gif";

}else{

element.src="/images/pic_bulbon.gif";

}

}

JavaScript：改變 HTML 樣式

改變 HTML 元素的樣式，屬于改變 HTML 屬性的變種。

x=document.getElementById("demo") //找到元素

x.style.color="#ff0000"; //改變樣式

JavaScript：驗證輸入

JavaScript 常用于驗證用戶的輸入。

ifisNaN(x) {

alert("不是數(shù)字");

}

JavaScript?用法

HTML 中的腳本必須位于 標(biāo)簽之間。

腳本可被放置在 HTML 頁面的

和 部分中。

在本例中，JavaScript 會在頁面加載時向 HTML 的

寫文本：

實例

那些老舊的實例可能會在

JavaScript 函數(shù)和事件

上面例子中的 JavaScript 語句，會在頁面加載時執(zhí)行。

通常，我們需要在某個事件發(fā)生時執(zhí)行代碼，比如當(dāng)用戶點擊按鈕時。

如果我們把 JavaScript 代碼放入函數(shù)中，就可以在事件發(fā)生時調(diào)用該函數(shù)。

您將在稍后的章節(jié)學(xué)到更多有關(guān) JavaScript 函數(shù)和事件的知識。

在

或者 的JavaScript

您可以在 HTML 文檔中放入不限數(shù)量的腳本。

腳本可位于 HTML 的

或 部分中，或者同時存在于兩個部分中。

通常的做法是把函數(shù)放入

部分中，或者放在頁面底部。這樣就可以把它們安置到同一處位置，不會干擾頁面的內(nèi)容。

在本例中，我們把一個 JavaScript 函數(shù)放置到 HTML 頁面的

部分。

該函數(shù)會在點擊按鈕時被調(diào)用：

document.getElementById("demo").innerHTML="Show";

}

點擊

在本例中，我們把一個 JavaScript 函數(shù)放置到 HTML 頁面的

部分。

該函數(shù)會在點擊按鈕時被調(diào)用：

外部的 JavaScript

也可以把腳本保存到外部文件中。外部文件通常包含被多個網(wǎng)頁使用的代碼。

外部 JavaScript 文件的文件擴展名是 .js。

如需使用外部文件，請在

你可以將腳本放置于

或者 中，放在

以上 JavaScript 語句(在

document.getElementById("demo")?是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼 。

innerHTML = "段落已修改。"?是用于修改元素的 HTML 內(nèi)容(innerHTML)的 JavaScript 代碼。

我的第一個 Web 頁面

我的第一個段落。

寫到控制臺

如果您的瀏覽器支持調(diào)試，你可以使用?console.log()?方法在瀏覽器中顯示 JavaScript 值。

瀏覽器中使用 F12 來啟用調(diào)試模式， 在調(diào)試窗口中點擊 "Console" 菜單。

我的第一個 Web 頁面

b= 6;

c= a +b;

console.log(c);

總結(jié)

以上是生活随笔為你收集整理的java script 教程_Java Script入门的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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