窗口显示代码片段1
<body>
<script>
window.document.write("<h1>JS,我来了!</h1>");
</script>
</body>
演示效果:
异步加载代码片段2
<body>
<script src="test.js" async>
window.document.write("<h1>我是JS!</h1>");
</script>
<h2>我是body!</h2>
</body>
演示效果:
延时加载代码片段3
<body>
<script defer>
alert("我先弹出来!");
</script>
<h1>我是body</h1>
</body>
演示效果:
蓝字代码片段4
<body>
<h2>人人为我,我为人人</h2>
<script>
document.querySelector("h2").style.color="blue";
</script>
</body>
演示效果:
总结:
1.JS代码可以写在HTML文档的任何地方,所以写在最后就不会影响任何东西。
2.延时、异步的作用是防止由于JS代码文件过大,而出现的假死现象。
3.如果使用了scr属性调用外部js文件,会忽略内部JS代码。
4.虽然中文可以做变量名,但不建议使用,防止html和js的中文字符集不一致导致发生问题。
5.浏览器都自带JS解析器console,可用于把代码结果推送到Console窗口,便于检查。
6.变量、函数区分大小写(变量与PHP一样)。常量是一种约定,大于规则;变量可以赋各种值(更新、重新声明var)。
7.两种作用域:函数、全局,js5没有块作用域(两个{}之间)。
8.JS5的变量声明提升:未定义之前就可以使用,相当于变量声明提到前面。