二.在HTML中使用javascript

来源：互联网发布：装修省钱淘宝编辑：程序博客网时间：2024/05/24 03:17

『Week NO.1』

2.1 <script>元素
在使用<script>元素方式主要有2中，即直接在页面中嵌入javascript代码和链接外部文件
首先，了解下<script>属性拥有的6个属性（均为可选）：

属性说明async表示应该立即下载脚本，但不应妨碍页面中的其它操作，比如下载资源或其它脚本文件charset表示通过src指定的代码的字符集deferIE4-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后面

0 0