码迷,mamicode.com
首页 > 编程语言 > 详细

2. javacript高级程序设计-在HTML中使用JavaScript

时间:2015-03-01 20:57:21      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

1.1 <script>元素

向HTML页面中插入JavaScript的主要方法,就是使用<script>元素,<script>元素定义了一下6个元素:

(1). async:可选,表示立即下载脚本,只对外部脚本文件有效

(2). charset:可选,表示通过src属性指定的代码的字符集

(3). defer:可选,表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件有效

(4). language:已废弃,原来用于表示编写代码使用的脚本语言

(5). src:可选,表示包含要执行代码的外部文件

(6). type:可选,可以看成language的代替属性,表示编写代码使用的脚本语言的内容类型(也成为MIME类型),现在约定俗称使用的是text/javascript

1.2 使用方式

<script>的使用方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件

(1). 页面中嵌入JavaScript代码

<script type="text/javascript">

    function sayHi() {

       alert("hello world");

    }

</script>

(2). 包含外部JabaScript文件

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

使用外部文件引入JavaScript代码会存在可维护性,可缓存和适应未来等优点,所以建议使用外部文件来引用JavaScript

1.3 标签的位置

现在web应用程序一般都把全部JavaScript引用文件放在<body>元素中页面内容的后面,这样在页面解析JavaScript之前会先加载页面内容

<!DOCTYPE html>

<head>

    <title>demo</title>

 

</head>

<body>

    <!--内容放在这里-->

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

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

</body>

</html>

1.4 <noscript>元素

使用<noscript>元素可以指定在不支持脚本或者禁用脚本的浏览器中显示代替的内容

<!DOCTYPE html>

<head>

    <title>demo</title>

 

</head>

<body>

    <noscript>

       <p>本页面需要浏览器支持(启用)javascript</p>

    </noscript>

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

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

</body>

</html>

2. javacript高级程序设计-在HTML中使用JavaScript

标签:

原文地址:http://www.cnblogs.com/SLchuck/p/4307492.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!