(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>

   

---