Javascript的三种使用方式以及优缺点

JavaScript基础语法

javascript 应该放在什么位置呢

:其实我们可以参照CSS的三种使用方式 ,Javascript也同样是提供可三种方式,有以下三种,我们可以来看一下

  • 行间Js : Javascript的三种使用方式以及优缺点
    缺点行间JS直接作用于你写的当前元素上 ,但是结构分离不够彻底,不利于后期维护,复用性不强,如果下一个元素有同样的功能,就造成代码重复性很高。不推荐使用

  • 内部JS 如下代码:Javascript的三种使用方式以及优缺点

  • ![这里是JS内部样式的位置存放代码](https://img-blog.csdnimg.cn/20200310211435564.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjUyNzg2NA==,size_16,color_FFFFFF,t_70
    优点:比较利用维护和修改,结构较分离,作用于当前页面
    缺点:代码的复用性不高,不能多页面使用。

  • 外部JS的引用:Javascript的三种使用方式以及优缺点**优点:结构已经彻底分离发 **

Javascript的三种使用方式以及优缺点
同时使用外部以及内部JS

向下兼容低版本的建议大家使用如下
从h5开始就已经不推荐使用了
type类型表示使用的是脚本类语言:学术语MIMN类型
Javascript的三种使用方式以及优缺点

如果没有向下兼容滴版本的需求,推荐使用如下Javascript的三种使用方式以及优缺点
思考为什么script的标签为什么不能像link标签一样放在head里
### 当前文档的可视区在页面一开始进行加载时的加载顺序是至上而下的解析顺序。 如果放在body之前,去获取还没有出现的元素,是解析不出来的,会打印出null的情况。但是也解决办法,但是不推荐使用。
Javascript的三种使用方式以及优缺点

但是不推荐这种方法去使用 虽然我们用了window去解决了,但 是这种方法是等待加载去执行,如果js很小,用户体验还好,但是文件一旦很大,页面在等待加载的时候会有很大的一片空白 等待加载。 后面才会跳出内容。导致用户体验不好。所以不推荐使用。