การใช้งานจาวาสคริ
HTML ในสคริปต์จะต้องอยู่ระหว่าง <script> และ </ script> แท็ก
สคริปต์สามารถอยู่ในหน้าเว็บ HTML <body> และ <head>
<script> แท็ก
เพื่อแทรก JavaScript ในหน้า HTML ใช้ <script> แท็ก
<script> และ </ script> บอก JavaScript ที่จะเริ่มต้นและสิ้นสุด
บรรทัดของรหัส <script> และ </ script> ระหว่างมี javascript:
alert("我的第一个 JavaScript");
</script>
คุณไม่เข้าใจโค้ดข้างต้น เพียงแค่เข้าใจว่าเบราว์เซอร์จะแปลและรันโค้ด JavaScript ที่อยู่ใน <script> และ </ script> ระหว่าง
ตัวอย่างของผู้ที่อายุอาจจะใช้ type = "text / javascript ของ" ใน <script> แท็ก ตอนนี้คุณไม่จำเป็นต้องทำเช่นนั้น JavaScript เป็นเบราว์เซอร์ที่ทันสมัยและภาษา HTML5 เขียนสคริปต์เริ่มต้น |
<body> ใน JavaScript
ในตัวอย่างนี้ JavaScript ในหน้าเว็บ HTML ถูกโหลดเมื่อ <body> เขียนข้อความ:
ตัวอย่าง
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>
ลอง»
ฟังก์ชั่น JavaScript และเหตุการณ์ที่เกิดขึ้น
งบ JavaScript ในตัวอย่างข้างต้นดำเนินการเมื่อโหลดหน้าเว็บ
โดยทั่วไปเราจะต้องรันโค้ดเมื่อมีเหตุการณ์เกิดขึ้นเช่นเมื่อผู้ใช้คลิกที่ปุ่ม
ถ้าเราใส่รหัส JavaScript ในฟังก์ชั่นที่คุณสามารถเรียกใช้ฟังก์ชันเมื่อมีเหตุการณ์เกิดขึ้น
คุณจะได้เรียนรู้มากขึ้นเกี่ยวกับความรู้ของการทำงานของ JavaScript และเหตุการณ์ที่เกิดขึ้นในบทต่อ
ใน <head> หรือ <body> ของ JavaScript
คุณสามารถวางได้ไม่ จำกัด จำนวนของสคริปต์ในเอกสาร HTML
สคริปต์ HTML ตั้งอยู่ใน <body> หรือ <head> หรืออยู่ในสองส่วน
การปฏิบัติตามปกติคือการทำงานลงในส่วน <head> หรือด้านล่างของหน้า เพื่อให้พวกเขาสามารถอยู่ไปยังสถานที่เดียวกับที่ไม่ยุ่งเกี่ยวกับเนื้อหาของหน้า
ฟังก์ชั่น <head> JavaScript
ในกรณีนี้เรามีฟังก์ชัน JavaScript วางไว้ในหน้าเว็บ HTML ส่วน <head>
ฟังก์ชั่นนี้จะเรียกว่าเมื่อมีการคลิกปุ่ม:
ตัวอย่าง
<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
ในกรณีนี้เรามีฟังก์ชัน JavaScript วางไว้ใน <body> หน้า 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 ภายนอก
นอกจากนี้คุณยังสามารถบันทึกสคริปต์เพื่อแฟ้มภายนอก ไฟล์ภายนอกมักจะมีรหัสที่จะใช้โดยหลาย ๆ หน้า
นามสกุลไฟล์เป็นภายนอก JavaScript .js ไฟล์
การใช้แฟ้มภายนอกตั้งไฟล์ .js ใน <script> แท็ก "src" แอตทริบิวต์:
คุณสามารถวางสคริปต์ใน <head> หรือ <body> ในผลการดำเนินงานที่เกิดขึ้นจริงและคุณเขียนบทเหมือนกัน <script> แท็ก
รหัสไฟล์ MyScript.js เป็นดังนี้:
function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
สคริปต์ภายนอกไม่สามารถมี <script> แท็ก |