JavaScript 輸出

JavaScript 可以透過4種不同的方式來輸出資料：

#使用 window.alert() 彈出警告方塊。

使用 document.write() 方法將內容寫入 HTML 文件中。

使用 innerHTML 寫入到 HTML 元素。

使用 console.log() 寫入到瀏覽器的控制台。

#window.alert()

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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中文网(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中文网(php.cn)</title> 
<script type="text/javascript">
    function getInnerHTML(){
    alert(document.getElementById("test").innerHTML);
    }
</script>
</head>
<body>
   <p id="test"><span color="#000">php中文网</span></p>
  <input type="button" onclick="getInnerHTML()" value="点击" />
</body>
</html>

#console.log()

#如果您的瀏覽器支援偵錯，可以使用 console.log() 方法在瀏覽器中顯示JavaScript 值。

瀏覽器中使用 F12 啟用偵錯模式，在偵錯視窗中點選 "Console" 選單。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
 </head>
<body>
<p>在浏览器中使用F12来调试，在调试窗口中点击 "Console"</p>
</body>
</html>

繼續學習

新建檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>

重置程式碼

自動運行

提交

預覽 Clear