JavaScript輸出
-
JavaScript通過四種方式輸出
-
window.alert()彈出警告框
-
document.write()方法將內容寫到HTML文檔中
-
使用innerHTML寫入到HTML元素
-
使用console.log()寫入到瀏覽器控制檯
-
-
例一
<!DOCTYPE html> <html> <head> </head> <body> <script> window.alert("hello"); </script> </body> </html>
-
例二
使用document.getElementByid(id)方法,使用“id”屬性來標識HTML元素,並innerHTML來獲取插入內容
<!DOCTYPE html> <html> <head> </head> <body> <p id = "test"> 一個段落 </p> <script> document.getElementById("test").innerHTML = "段落已修改"; </script> </body> </html>
-
例三
<!DOCTYPE html> <html> <head> </head> <body> <script> document.write(Date()); </script> </body> </html>
-
例四
如果在文檔已經完成加載後執行document.write,整個HTML內容都會被覆蓋,比如在頁面加載後執行的一個包含寫入的函數
<!DOCTYPE html> <html> <head> </head> <body> <p> 我的一個段落 </p> <button onclick = "myFunction()"> 點擊 </button> <script> function myFunction(){ document.write(Date()); } </script> </body> </html>