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>