javascript 的应用方式

我所认识的只有三种
1、在元素的事件中应用
2、在script中应用
3、使用script引入外部的js

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>
    // windows.onload 作用是在页面加载好之后才开始加载
    window.onload = function () {
      console.log("我是 windows.onload");
    }
  </script>

  <button onclick="alert('我是第一种')">点击我引发第一种</button><br>

  <h2>我是第二种，在 F12 的 console 中查看</h2>
  <script>
    console.log('我是第二种')
  </script>

  <div>我是第二种，点击我之后在 F12 的 console 中查看</div>
  <script>
    var div = document.querySelector('div')

    div.onclick = function () {
      console.log('我是第二种')
    }
  </script>

  <script src="javascript的应用方式.js">我是无效的</script>
  <!-- 在引入外部的js的script标签中写别的内容是无效的 -->
  <!-- 
    javascript的应用方式.js 代码如下

      setTimeout(() => {
        console.log('我是第三种')
      }, 3000);
      
   -->

  <!-- 
    第一种是直接在元素的事件中写 js
    第二种是在 script 标签中写 js 
    第三种是使用 script 的 src 引入外部的 js 文件
   -->
</body>

</html>
posted @ 2021-01-30 16:40  day-12-19  阅读(55)  评论(0)    收藏  举报