(51)Wangdao.com第七天_JavaScript 編寫位置及輸出語句

JavaScript 編寫位置

• 編寫在html內部標籤的屬性中
  • 不推薦使用，由於結構和行爲耦合，不便於維護
  • 主要有 

    <button onclick="alert('點我幹哈！');">有事點我</button>

     

  • 還有

     <a href="javascript:alert("叫你點你就點？");">點我啊！</a>

     

  • 一般還會這麼寫    使得超連接無效

    <a href="javascript:;">點我啊！</a> 

     

• 編寫在 html 內部<script>標籤中：<script type="text/javascript">/*在這裏寫 js 代碼*/</script>
• 編寫在外部 .js 文件中

  • index.js

     

• 而後在  .html 中調用：

  • <script type="text/script" href="js/index.js">
        /*這裏就不能再寫js代碼了，由於寫了也不會生效*/
    </script>

     

 

---

 

JavaScript 的輸出語句

• 輸出到對話框

  <script type="text/javascript">
      /* 輸出字符串到對話框，這是一個塊註釋 */
      alert("Hello JavaScript!");    // 記得必定要寫分號。。。這是一個行註釋
  </script>

 

• 輸出到 html 網頁中

  <script type="text/javascript">
      /* 輸出字符串到 html 頁面*/
     document.write("Hello body！");    // 會顯示在網頁中，至關於寫在body中
  </script>

   

• 輸出到 console控制檯

  <script type="text/javascript">
      /* 須要使用瀏覽器進入開發者模式，才能看見控制檯 console */
      console.log("Hello Console!");    // 輸出到控制檯 console
  </script>