你真的了解HTML中的JavaScript吗？

HTML中的JavaScript

从今天开始我们就要正式学习JavaScript的语法啦，首先我们得知道，JavaScript跟HTML是好兄弟~

插个题外话，一开始开发人员为了将JavaScript插入HTML可是下了不少功夫，最早是在Netscape Navigator 2中实现的，然后就被正式加入到HTML规范里面去了，接下来我们好好讲解一下

• 1
• 2
• 3

通过上面的代码我们可以直观的看到一个JavaScript语言的执行，解释器首先会寻找>") }

• 1
• 2
• 3
• 4
• 5

当我们尝试着在时候，系统会自动识别当成结束的，想要避免这个问题，我们加入``就可以了

 ")
      }
     
1
2
3
4

加上之后变成上图这样就可以啦~

引入外部JavaScript文件

我们可以通过src引入外部文件，这个属性的值是URL，指向包含JavaScript代码的文件

 
1

上方代码加载了一个叫demo.js的外部文件，文件本身只需要包含要放在标签中再包含其它JavaScript代码，如果两者都提供的话，浏览器只会下载并执行脚本文件，从而忽略行内代码

作者认为

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

大坑！！！

这种做法主要是把CSS和JavaScript集中放到一起导入。不过既然你选择了这么做，也就意味着你必须先把所有的JavaScript代码先下载、解析和解释完成之后才能渲染页面（浏览器解析到的起始标签才开始渲染），对于一些大型前端项目，会用到很多JavaScript外部文件，这会导致渲染的时间加长，从而会出现浏览器界面空白的情况发生

解决办法~

为了解决咱这个问题，我们会把所有的JavaScript外部文件放在元素中的页面内容后面，类似于下面这样

    
    





 
1
2
3
4
5
6
7
8
9
10
11

这样一来，浏览器解析就会更快啦，因为页面会在处理JavaScript代码之前完全渲染页面~

推迟执行脚本

作者第一次看到这个觉得现在学这个未免有点早了，不过还是讲一下吧

执行脚本的陈年旧事

HTML 4.01为

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11

接着我们看上图，虽然这个里面的