第二章:在HTML中使用JavaScript

最新推荐文章于 2022-08-03 22:41:09 发布

shua_1990

最新推荐文章于 2022-08-03 22:41:09 发布

阅读量265

点赞数

分类专栏： JavaScript高级程序设计文章标签： javascript

本文链接：https://blog.csdn.net/shua_1990/article/details/106344860

版权

JavaScript高级程序设计专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、<script>元素：向HTML页面中插入JavaScript的主要方法；就是使用<script>元素；包含在<script>元素内部的JavaScript代码将从上到下依次解释

async：可选，表示应该立即下载脚本，但不应该妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
charset：可选。表示通过src属性指定的代码字符集。
defer：可选。表示脚本可以延迟到文档完全解析和显示之后再执行；
language：已废弃。原来用于表示编写代码使用的脚本语言；
src：可选。表示包含要执行代码的外部文件；
type：可选。可以看成是language的替代属性；表示编写代码使用脚本语言的内容类型(也称为MIME类型)

2、嵌入代码与外部文件

可维护性：遍及不同HTML页面的JavaScript会造成维护问题。但把所有的JavaScript文件都放在一个文件夹中，维护起来就轻松多了。
可缓存：浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件
适应未来：通过外部文件来包含JavaScript无须使用XHTML或注释hack。

3、文档模式

混杂模式：混杂模式会让IE的行为与IE5相同
标准模式：

<!--标准模式-->

    <!--HTML4.01 严格性-->
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <!--HTML1.0 严格性-->
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0//EN" "http://www.w3.org/TR/xhtml//DTD/xhtml-strict.dtd">


    <!--HTML 5 -->
    <! DOCTYPE html">

<!--准标准模式 可以通过过渡型（transitional）或框架集型（frameset）文档类型来触发-->

    <!--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">

    <!--HTML 1.0 过渡型-->
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">

    <!--HTML 1.0 框架集型-->
    <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd">

4、<noscript>元素

浏览器不支持脚步；

浏览器支持脚本，但脚本禁用；

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="xxx/xxx.js"></script>
</head>

<body>
    <noscript>
        <p>本页面需要浏览器支持（启动）JavaScript.</p>
    </noscript>
</body>

</html>

shua_1990

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第二章:在HTML中使用JavaScript

1、<script>元素：向HTML页面中插入JavaScript的主要方法；就是使用<script>元素；包含在<script>元素内部的JavaScript代码将从上到下依次解释async：可选，表示应该立即下载脚本，但不应该妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 charset：可选。表示通过src属性指定的代码字符集。 defer：可选。表示脚本可以延迟到文档完全解析和显示之后再执行； language：已废弃。
复制链接

扫一扫

专栏目录