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+/就可以快速注释多行代码,特别是在代码测试的时候注释可以阻断代码。
欢迎各位大佬纠错,有任何问题欢迎随时私聊我。