JavaScript 输出示例

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JavaScript 输出示例</title>
</head>
<body>
  <h1>JavaScript 输出方式示例</h1>
  
  <button onclick="showAlert()">1. window.alert() 警告框</button>
  <button onclick="showInnerHTML()">3. innerHTML 输出</button>
  <button onclick="showConsole()">4. console.log() 控制台</button>
  <button onclick="showDocumentWrite()">2. document.write() 覆盖页面</button>
  
  <div id="output"></div>

  <script>
    // 1. 使用 window.alert() 写入警告框
    function showAlert() {
      window.alert('这是使用 window.alert() 输出的内容');
    }

    // 2. 使用 document.write() 写入 HTML 输出（会覆盖HTML中原来的内容）
    function showDocumentWrite() {
      document.write('<h1>document.write() 已覆盖原页面内容</h1><p>这是使用 document.write() 输出的内容</p>');