JavaScript
1-1 JS的引用方式
1.嵌入式
2.外链式
3.行内式
4.JavaScript异步加载
1.嵌入式
<script type="text/javascript"> JS语句; <script>
ps:不写Type也会是默认这个值
alert();//弹出对话框
2.外链式
将JS代码保存到一个单独的文件中 src导入进来
HTML文件：
<script src="js/text.js"></script>
js文件：
alert('Hello');
其相比嵌入式优势：
1.便于修改维护
2.减少HTML文件体积 可利用缓存提高速度
3.有利于分布式部署 可部署到CDN服务器 利用其加快下载速度
3.行内式
超链接：
<a href="javascript:alert('Hello');">test</a>
事件：
<input type = "button" onclick="alert('Hello');"; value="test">
ps:实际开发中不推荐使用行内式
4.JavaScript异步加载
存在的问题：引入JS代码时，页面的下载和渲染都会暂停，等待脚本完成后才会继续
解决办法一：不需要提前执行的代码放置<body>标签的底部
解决办法二：使用新增的两个属性 async 和 defer
//方式一：async <script src="**.js" async></script> //方式二:defer <script src="**.js" defer></script>
async异步加载，即先下载文件，不阻塞其他代码执行，下载完成后再执行。
defer用于延后执行，即先下载文件，直到网页加载完成后再执行
不确定时长
完成JS后显示
1-2 JS的常用语句
1.输出语句
2.注释
1.输出语句：
alert();//弹出一个对话框 console.log();//控制台输出 document.write();//文档页面输出 可内置代码
2.注释：
单行注释使用： // 内容 多行注释使用： /* 内容 */ HTML注释： <!-- HTML注释 --> CSS注释即JS中的多行注释
浙公网安备 33010602011771号