JavaScript中标签属性和历史遗留问题的示例分析

小编给大家分享一下JavaScript中标签属性和历史遗留问题的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

历史遗留问题:

其中历史遗留问题主要包括:

1.XHTML和HTML的关系;

2.关于有无支持JavaScript的浏览器表情问题,例如<noscript>

标签属性问题:

主要的重点是同步和异步加载JS脚本的问题,涉及到<script>中的src、defer、async属性;

对于<script>标签,既可以在网页中内嵌标签进行加载,也可以外置.js脚本来进行加载,无非是要在标签中加入:

<script src="xxxx.js"></script>

如上所示,和网页中HTML中加入图片链接类似,但是通常两种方法选择其一;

外置JS脚本不仅方便管理,可以避免多个相同资源的重复下载;

对于外置脚本的加载,往往涉及到同步异步问题;

所谓同步就是在网页渲染的同时来进行加载脚本,典型的特征就是加载慢;

所谓异步就是在网页静态加载后,再次下载加载脚本;

其中defer和async相似但是不同;

defer旨在页面静态展示后进行脚本加载,可以指定先后次序;

async和defer相似,但是并不指定先后次序;

值得注意的是,动态加载脚本也可以通过create DOM树的形式进行,但是需要注意的是可以通过async来指定是异步加载还是同步加载;

以上是“JavaScript中标签属性和历史遗留问题的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!