2019-12-05 如何引入JavaScript

分别通过 内部引用 和 外部引用 的方式引入下面一段JavaScript代码。

document.write('Hello World');

内部引用

内部引用包括行内引用，和内部引用，但基本没人用行内引用，就像css一样，都可以行内使用，但是会使代码看起来很杂很乱，不利于维护，当然也存在解析顺序的问题，导致页面加载很慢很乱，用户体验不好。下面列出两种引用的样例：
行内js：只适用于引用了js的标签

内部js：script里的程序整个页面都可以用

  
  
  



  
这是一段没有意义的文字

注意:
按照解析嵌入式代码的规则，当浏览器遇到字符串""时，就会认为那是结束的标志。所以我们需要通过转义字符\解决

外部引用

和css引入方式类似

  
  
  



  
这是一段没有意义的文字

注意：
把标签放在head下，意味着必须等到全部js代码下载、解析和执行完成以后才开始呈现页面内容（因为浏览器在遇到body标签时才开始呈现页面内容），这对于Js代码很多的页面来说，无疑会造成页面显示的明显延迟，延迟期间页面一片空白。
为了避免这个问题，将所有的javaScript代码放在元素中页面内容的后面。

    


    
这里是页面内容，最后放JavaScript代码
    

总结