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+/就可以快速注释多行代码,特别是在代码测试的时候注释可以阻断代码。

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

猜你喜欢

转载自blog.csdn.net/apple_52282345/article/details/126519541