Js的三種書寫方式和輸入出方式
阿新 • • 發佈：2020-12-27
Js 的 三種書寫方式和輸出入方式
一.書寫方式：
1.程式碼演示：
程式碼演示：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Js的三種書寫</title> <script> // 2.內聯式： // alert('直接彈出對話方塊！') </script> <script src="3.外鏈式.js"> // 3.外鏈式 </script> </head> <body> <!-- 1.行內式的Js效果，寫到元素的內部。（特殊情況下用，一般不建議用） --> <!-- 程式碼示例： --> <!-- <input type="button" value="點選彈出對話方塊" οnclick="alert('Holle!你好')"> --> </body> </html>
2.注意:第三種方式：需要連線的程式碼地址是“ .js”，
如：3.js
如圖：
3.網頁執行結果截圖：
（1）行內式：
（2）內嵌式：
（3）外鏈式：
二.輸出入方式：
1.程式碼演示:
程式碼演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Js的三種書寫</title> <script> // alert('1.彈出警示框'); // prompt('2.彈出輸入框，使用者輸入！'); // console.log('3.控制檯列印輸出資訊！（程式設計師看到的）'); prompt('請輸你的姓名：'); alert('計算的結果是：'); console.log('我是程式設計師，這是我能看到的'); </script> </head> <body> </body> </html>
網頁效果截圖(依次對應)：
（1.）
（2.）
（3.）
