在本系列教程中,您將學(xué)習(xí)如何制作 JavaScript 驅(qū)動的網(wǎng)頁。
在這里,您將了解使用 JavaScript 向網(wǎng)頁添加交互性是多么容易。但是,在我們開始之前,請確保您對 HTML 和 CSS 有一定的了解。
如果不太了解。我不建議,會出一期對html和css的介紹,如果有在評論區(qū)需要,請告訴我!
好吧,讓我們開始使用最流行的客戶端腳本語言。
向網(wǎng)頁中添加 JavaScript 的方法通常有以下三種:
<script>
和</script>
標(biāo)簽之間嵌入 JavaScript 代碼。.js
擴(kuò)展名的外部 JavaScript 文件,然后通過標(biāo)簽的src
屬性將其加載到頁面中<script>
。onclick
,onmouseover
,onkeypress
,onload
,等。以下部分將詳細(xì)描述這些過程中的每一個:
您可以通過將 JavaScript 代碼放置在<script>
和</script>
標(biāo)記之間,將其直接嵌入到您的網(wǎng)頁中。該<script>
標(biāo)記指示瀏覽器將包含的語句解釋為可執(zhí)行腳本而不是 HTML。下面是一個例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Embedding JavaScript</title>
</head>
<body>
<script>
var greet = "Hello World!";
document.write(greet); // Prints: Hello World!
</script>
</body>
</html>
上面示例中的 JavaScript 代碼將簡單地在網(wǎng)頁上打印一條文本消息。在接下來的章節(jié)中,您將了解這些 JavaScript 語句的含義。
你也可以將你的 JavaScript 代碼放到一個帶有.js
擴(kuò)展名的單獨(dú)文件中,然后通過標(biāo)簽的src
屬性在你的文檔中調(diào)用該文件<script>
,如下所示:
聯(lián)系客服