JAVASCRIPT（二）--- 總體把握JS

時間 2019-12-08

原文原文鏈接

　　js代碼的主要做用就是用於事件觸發，好比在html中一個按鈕須要讓它在被點擊以後改變整個界面的背景色，咱們就能夠使用javascript語句來進行事件處理。javascript

　　如需在 HTML 頁面中插入 JavaScript，請使用 <script> 標籤。<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。html

　　一般，咱們須要在某個事件發生時執行代碼，好比當用戶點擊按鈕時。若是咱們把 JavaScript 代碼放入函數中，就能夠在事件發生時調用該函數。java

　　JS代碼若是寫在html中能夠放在如下位置上：函數

一、<head> 中的 JavaScript 函數：

<!DOCTYPE html>

<html>

<head>

<script>

function myFunction()

{

document.getElementById("demo").innerHTML="個人第一個 JavaScript 函數";

}

</script>

</head>

<body>

<h1>個人 Web 頁面</h1>

<p id="demo">一個段落</p>

<button type="button" onclick="myFunction()">嘗試一下</button>

</body>

</html>

二、 <body> 中的 JavaScript 函數

<!DOCTYPE html>

<html>

<body>

<h1>個人 Web 頁面</h1>

<p id="demo">一個段落</p>

<button type="button" onclick="myFunction()">嘗試一下</button>

<script>

function myFunction()

{

document.getElementById("demo").innerHTML="個人第一個 JavaScript 函數";

}

</script>

</body>

</html>

三、外部的 JavaScript

也能夠把腳本保存到外部文件中。外部文件一般包含被多個網頁使用的代碼。spa

外部 JavaScript 文件的文件擴展名是 .js。如需使用外部文件，請在 <script> 標籤的 "src" 屬性中設置該 .js 文件：code

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鳥教程(runoob.com)</title>

</head>

<body>

<h1>個人 Web 頁面</h1>

<p id="demo">一個段落。</p>

<button type="button" onclick="myFunction()">點擊這裏</button>

<p><b>註釋：</b>myFunction 保存在名爲 "myScript.js" 的外部文件中。</p>

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

</body>

</html>

你能夠將腳本放置於 <head> 或者 <body>中實際運行效果與您在 <script> 標籤中編寫腳本徹底一致。orm

myScript.js 文件代碼以下：htm

function myFunction()

{

 document.getElementById("demo").innerHTML="個人第一個 JavaScript 函數";

}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。