JavaScript 輸出
JavaScript 可以通過4種不同的方式來輸出數(shù)據(jù):
使用?window.alert()?彈出警告框。
使用?document.write()?方法將內(nèi)容寫到 HTML 文檔中。
使用?innerHTML?寫入到 HTML 元素。
使用?console.log()?寫入到瀏覽器的控制臺。
window.alert()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="/static/js/abc.js"></script><script> function myFunction() { window.alert("Hello! 這是一個按鈕"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="Show alert box"> </body> </html>
document.write()
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>Head</h1> <script> document.write('<p>hello document</p>'); </script> <h2>Tail</h2> </html>
innerHTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> function getInnerHTML(){ alert(document.getElementById("test").innerHTML); } </script> </head> <body> <p id="test"><span color="#000">php中文網(wǎng)</span></p> <input type="button" onclick="getInnerHTML()" value="點擊" /> </body> </html>
console.log()
如果您的瀏覽器支持調(diào)試,你可以使用?console.log()?方法在瀏覽器中顯示 JavaScript 值。
瀏覽器中使用 F12 來啟用調(diào)試模式, 在調(diào)試窗口中點擊 "Console" 菜單。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> a = 5; b = 6; c = a + b; console.log(c); </script> </head> <body> <p>在瀏覽器中使用F12來調(diào)試,在調(diào)試窗口中點擊 "Console"</p> </body> </html>