Javascript----基础篇(1)

Javascript三种引用方式

Javascript-------行内式

行内引用要在标签里面结合事件来用，内链式和外链式不可以用。

 <button onclick="alert('点击我了')">点击我</button>

 

Javascript-------内链式(内嵌式)

语法：<script> 在这里写js代码</script>

内链式是在html根元素下写（建议）写在body标签里面也可以，写在head标签里面现在不建议，代码是编译一行，执行一行，写在head标签里面会造成头重脚轻的效果，这样就会让一个代码文件会先编译js然后编译html，顺序不对，容易出问题，等后面介绍延迟加载后，就可以解决该问题。

 <script>
        document.write(123); //内容写在body中
        console.log(123); //内容在后台浏览器中
        console.log("hello,js");//字符串双引号
        alert("这是内链式");//这是弹出框
    </script>

 

 Javascript-------外链式

语法：<script  src="这里写入你的js文件的相对路径"> </script>

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

 js文件 

alert('这是外链式');

注意事项：src导入的文件，外链式不能在引用时写js代码即srcipt标签用外链式中间不能写js代码，代码执行顺序默认是自上而下的，一个页面可以出现多个script标签但是一个script标签只能有一个src路径，建议把内链式写在html根元素后面。

 Javascript的注释

单行注释：//这里是js代码，一整行都会被注释。

快捷键：ctrl+/

//这是js的单行注释代码

多行注释：/* 这里面是多行js代码 */，多行注释是以/*开头，以*/结尾，在这里面的任何代码都不会执行。

快捷键：Alt+Shift+a

/*这里是js多行代码注释
    1
    2
    3
      */

 <script>
        document.write(123); //内容写在body中
        console.log(123); //内容在后台浏览器中
        /* console.log("hello,js");//字符串双引号
        alert("这是内链式");//这是弹出框 */
    </script>

注意事项：单行注释最为常用，选中全部要注释的代码，快捷键Ctrl+/就可以快速注释多行代码，特别是在代码测试的时候注释可以阻断代码。

                                                                            欢迎各位大佬纠错，有任何问题欢迎随时私聊我。