『Week NO.1』
2.1 <script>元素
在使用<script>元素方式主要有2中,即直接在页面中嵌入javascript代码和链接外部文件
首先,了解下<script>属性拥有的6个属性(均为可选):
属性 | 说明 |
async | 表示应该立即下载脚本,但不应妨碍页面中的其它操作,比如下载资源或其它脚本文件 |
charset | 表示通过src指定的代码的字符集 |
defer | IE4-7也支持嵌入代码 表示脚本可以延迟到文档完全解析和显示之后再执行 |
language | (已废弃)原用于表示编写代码的脚本语言 |
src | 使用外部文件时为必填选项,表示包含要执行的外部文件 |
type | 可选,默认text/javascript,可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型(也称为MIME类型) |
2.2文档模式
可以通过下面的方法启动标准模式:
<!-- HTML 4.01 严格型-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- XHTML 1.0 严格型-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- HTML5 -->
<!DOCTYPE html>
通过过渡性或框架集型来触发准标准模式:
<!-- HTML 4.01 过渡型-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 4.01 框架集型-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 FrameSet//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!-- XHTML 1.0 过渡型-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- XHTML 1.0 框架集型-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 FrameSet//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2.3其他说明
a.有些不支持JavaScript的浏览器,可以将JavaScript代码包含在一个HTML注释中(由于所有主流浏览器均支持JavaScript,所以不再推荐使用):
<script>
<!--
//-->
</script>
b.对于一些老旧浏览器或者禁用了JavaScript的浏览器,还可以使用<noscript></noscript>元素来呈现相关的说明。
c.阅读之前的代码或者用一些IDE生成代码时,常常可以看到下面的结构:
<script type="text/javascript">
//<![CDATA[
// 这里首先是以//开始的JavaScript注释
// 然后<![CDATA[...]]>结构是XHTML(XML)的一个特殊区域,区域内的文本不需要做任何解析,以防止XHTML将代码中的类似小于号“<”的这种特殊符号解析为元素标签
// 若不使用CDATA结构,则需要转义成相应实体,比如小于号(<)需要使用(<)
// 对于不兼容XHTML的,由于最开始的//注释,也能够平稳退化
//]]>
</script>
d.按照惯例,把所有<script>元素都应该放在html中的<head>元素中,这种做法目的是把所有外部文件引用都放在相同地方。但这样使得全部javascript代码需要加装、解析、执行完成后才能呈现页面的内容。对于需要很多javascript代码的页面会明显延迟,所有现在的web应用程序一般都有javascript引用放在页面body后面