前端javascript高级程序设计(第四版)第二章节HTML中的javascript第(16-20)页2022/9/16

发布于:2022-12-15 ⋅ 阅读:(287) ⋅ 点赞:(0)

2.1.5章节
在XHTML中使用JavaScript必须制定type属性且值为text/javascript,XHTML中写代码规则比HTML严格,在XHTML中使用小于号<,会被认为是标签左标签,想要避免可以使用HTML的实体形式( & l t;),但是这样会影响阅读,可以用另外的方法CDATA块中,<script type="text/javascript"> <![CDATA [ function (){} ]]> </script>
在兼容XHTML的浏览器中可以使用,在不支持的浏览器中需要打上js的注释来抵消,这样就可以适配现代所有浏览器。MIMIE类型的解释链接
2.1.6废弃的语法
所有的浏览器都讲JavaScript作为浏览器编程语言,type类型使用一个MIME类型字符串来标识《script》的内容,通常不必特地生命type类型,因为MIME没有跨浏览器标准,如果浏览器刚好不认识你使用的type类型就会跳过相关代码,除非你使用XHTML或者《script》内包含了非JavaScript的代码。最初采用script元素时,不认识这个元素的浏览器,会把元素的内容显示在页面上,不认识《script》元素的浏览器会识别HTML的注释,将script的内容全部隐藏,认识的浏览器会正常解析,不过这种方式不会再使用了,奶奶的,净说废话。。。在XHTML中也属于XML的注释。
2.2行内代码和外部文件
js文件最好放在外部文件,这样维护方便,缓存方便,浏览器会缓存所有的外部js文件,下载一次供应多个页面使用,适应未来,外部的 JavaScript外部文件的语法在HTML和XHTML中是一样的,就不必担心XHTML的严格和<等识别问题和提到的注释黑科技,黑科技在XHTML的中还是会被识别出来。
书本里面讲到的spdy/http2,解说地址
,简单就是说在支持的浏览器会把js以组件的形式下载,减少瞬间大量的占用带宽下载JS文件,而是小块,轻量级的下载,较少带宽的使用。
2.3文档模式
混杂模式:支持非标准的特性
标准模式:标准的特性
准标准模式:支持很多标准的特性,但是不严格按照规定来。
2.4《noscript》元素
不支持javascript或者关掉了脚本,包含在《noscript》内的标签放入HTML元素可以被显示,谷歌浏览器可以在网站设置关闭javascript,马上就可以生效noscript内的代码
2.5小结
1外部的js文件可以和网站在同一服务器,也可以在不同的域名。
2在不使用script的属性async和defer的情况下,js会按照他们出现的顺序解释
3如果当前脚本没有设置推迟执行的属性,比如async,它必须把当前《script》内的代码完全解释完才能继续渲染页面的剩余部分,通常把它放到《/body》标签之前,
4defer属性:可以在页面渲染完成后在执行,推迟后执行的顺序,原则上按照它出现的前后来,先出现先执行。
5async属性:表示当遇到《script async src=“地址”》后,可以先渲染文档,一边先加载JS,当JS加载完成,先暂停文档渲染,回来执行js,执行完之后再根据实际情况是继续渲染文档还是执行新的《script async》或者其它代码
6《noscript》在关闭脚本,或者不支持javascript的浏览器中会显示这个标签里的内容,反之不显示


网站公告

今日签到

点亮在社区的每一天
去签到