第一种：行内式

行内式是通过事件引入的（有限制性，每个标签都可以引入）

比如：

    <div id="box">box</div>
    //行内式：通过事件引入（有限制性）
    <div onclick="alert(1111)">11111</div>
</body>

第二种：外链式（从外面引进）

在下面单独引进js文件

<script src="11.js"></script>

第三种：内嵌式（可以写在任意地方，因为他是当页面所有资源都加载完再加载的）

        //第三种
        // 当页面中所有的资源都加载完毕之后再加载
        window.onload=function(){
            var box=document.getElementById("box");
            console.log(box);
        } 
        
    </script>