JS的三中引入方式和调试方法

在css中，css的引入方式一共三种

            行内  内嵌  外链           

js的引入方式一共三种

            行内  内部  外部

• 行内js(不推荐使用)

   onclick:  在...上点击   点击事件 （鼠标左键）

   on->在...上

   click->点击

  alert(弹出内容);  ->弹窗

  弹出内容-> 外边用双引里边用单引，外边用单引，里边用双引

• 内部js

         script标签一般放到紧挨着body的结束标签，默认html去加载，按照文档流进行加载（从上             到 下）,js要去操作html结构，想去操作结构得保证结构加载完毕

        <script>

         js代码  

        alert(弹出内容);  ->弹窗内容要用单引或双引包起来，涉及到嵌套的时候，外边用双引里边用          单引，外边用单引，里边用双引  

        弹窗属于阻塞式执行

        

• 外部js       

        外部js得有外部的js文件

        script标签一般放到紧挨着body的结束标签，默认html去加载，按照文档流进行加载（从上到          下）,js要去操作html结构，想去操作结构得保证结构加载完毕

         <script src="js文件地址"></script>

        注意点：

        外部js,script标签中不要写js代码，不生效

        

•  注释方法

            解释说明作用，便于后期代码维护

                单行注释 // CTRL + /

                多行注释 /* */ CTRL + SHIFT + /

• 调试方式 

•  断点调试 

  断点调试

              1.F12(检查) -> Sources -> 点击要调试的文件

              2.打断点，在要调试的行号上点击，出现选中状态

              3.刷新页面让代码重新执行（遇到断点，代码不会自动往下执行），手动（next）让代码执行

              4.取消断点，在当前代码的行号再次点击就取消断点

•