美文网首页
在HTML中使用JavaScript

在HTML中使用JavaScript

作者: JayDragon | 来源:发表于2017-03-08 15:28 被阅读0次

1.<script>元素

向HTML页面中插入JavaScript的主要方法,就是使用<script>元素
使用<script>元素的方式有两种:

①直接在页面嵌入JavaScript代码
②包含外部JavaScript文件

在使用第一种方式时,只须为<script>指定type属性。像下面这样:

<script type="text/javascript">
    function sayHi() {
        alert("Hi");
    }
</script>

如果要使用第二种方式,那么src属性就是必须的。这个属性的值是一个指向外部JavaScript文件的链接,例如:

<script type="text/javascript" src="example.js"></script>

需要注意的是,带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript代码。

2.标签的位置

传统的做法,所有<script>元素都应该放在页面的<head>元素中,但是浏览器必须等到<head>元素中的所有JavaScript代码都被下载、解析和执行完成之后,才能开始呈现页面的内容(浏览器在遇到<body>标签时才开始呈现内容)。对于那些需要很多的JavaScript代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟期间的浏览器窗口将是一片空白。为了避免这个问题,现代Web应用程序一般都把全部的JavaScript引用放在<body>元素中页面内容的后面,如下所示:

<!DOCTYPE html>
<html>
    <head>
        <title>我是标题</title>
    </head>
    <body>
        <!--这里放内容-->
        <script type="text/javascript" src="example1.js"></script>
        <script type="text/javascript" src="example2.js"></script>
    </body>
</html>

相关文章

  • JavaScript高级程序设计 读书笔记(一)

    在HTML中使用JavaScript 元素向HTML页面中插入JavaScript的主要方法,就是使用 元素。这个...

  • JS 笔记-002-基本语句

    如需在 HTML 页面中插入 JavaScript,请使用 标签。 和 会告诉 JavaScript 在何...

  • 在HTML中使用Javascript

    把Javascript插入到HTML页面中要使用 元素。使用这个元素可以把Javascript嵌入到HTML页面中...

  • 如何在HTML中使用JavaScript

    把JavaScript插入到HTML页面中需要使用 元素。使用这个元素可以把JavaScript嵌入到HTML中,...

  • JS高程(一)

    复习 JavaScript 高程, 基本上 是 摘抄原文。 在 HTML 中 使用 JavaScript JS 包...

  • 在 HTML 中使用 JavaScript

    1.