“书上得来终觉浅,绝知此事要躬行”!
为了更好且系统地学习JavaScript的知识,本人(在校大三学生)将该本书的每一章中重要的章节都做了较为详细的学习笔记,代码也都自己实践了一遍。
接下来我会继续坚持总结出自己的学习笔记,并陆续将学习笔记发到我自己的博客,当是我勉励我学习的动力。
这是我的第一篇博客,如有不足,也请多多包容!!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- <script src="" type="text/javascript" defer async></script> -->
<!--注意点
1, defer,async两个只对外部js文件有效
defer(延迟脚本): 表示浏览器应该立即下载脚本,脚本可以延迟到文档完全被解析和显示之后在执行
通常按照指定顺序执行,但实际使用当中,延迟脚本也不一定会按照顺序执行,因此,最好只包含一个延迟脚本。
defer属性并非所有浏览器都支持,因此,最好把延迟脚本放在<body>元素中页面内容的后面
脚本先于DOMContentLoaded事件执行
async(异步脚本): 异步。表示浏览器应该立即下载脚本,不让页面等待两个脚本下载和执行,从而异步加载页面的其他内容
标记为async的脚本并不保证按照指定他们的先后顺序执行
不建议异步脚本在页面加载时修改DOM
脚本先于load事件执行,但可能会在DOMContentLoaded事件之前或者之后执行
2,在<script>元素内部的JavaScript代码将被从上到下依次解释。
即在解释器对<script>元素内部的所有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示
3,在使用<script>嵌入JavaScript代码时,记住不要在代码中的任何地方出现"</script>"字符串
4,src属性可以包含来自外部域的JavaScript文件
5,浏览器在遇到<body>标签时才开始呈现内容
6,降低延迟(减少加载页面空白时间)方法:
a, 将全部JavaScript引用放在<body>元素中页面内容的后面
b, <head>里边的<script>中使用ready或load事件
7,推荐使用:外部的js代码(可维护性,可缓存,适应未来)
8,文档类型(doctype):混杂模式(不推荐)和标准模式。准标准模式(跟标准模式几乎一样)
混杂模式:让IE的行为与IE5相同
标准模式:让IE的行为接近标准行为 <! DOCTYPE html>
这两种模式主要影响CSS内容的呈现,但某些情况下也会影响JavaScript的解释执行
如果文档开始时没有发现文档类型声明,则所有浏览器都会默认开启混杂模式,导致浏览器行为差异非常大
9,<noscript>元素:用以在不支持JavaScript的浏览器中显示替代的内容,可以包含除了<script>元素外的其他在<body>中的任何HTML元素
内容显示条件(或关系):a, 浏览器不支持脚本
b, 浏览器支持脚本,但脚本被禁用
-->
<script>
function sayHi(){
alert("hello, I wanna make a friend with you!");
}
sayHi();
</script>
</head>
<body>
</body>
</html>
让学习“上瘾”,成为更好的自己!