您的位置：首页 > Web前端 > JavaScript

第二章在HTML页面里使用javaScript

2015-07-03 14:54 567 查看

一、主要有两种方式：

1、第一种是在HTML里嵌入：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>高3</title>
</head>
<body>
<h1>HTML里使用javaScript</h1>
<script>
alert("hello world!");
</script>
</body>
</html>

运行此代码会弹出显示hello world!的对话框。

2、外部引入javaScript：

　　HTML代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>高3</title>
</head>
<body>
<h1>HTML里使用javaScript</h1>
<script src="lesson1.js"></script>   <!-- 这里引用了外部文件，文件名为lesson1.js -->
</body>
</html>

　　lesson1.js代码：

alert("hello world!");

二、<script>标签的参数：

async和defer的区别：这两个都是延迟执行脚本，也就是页面加载完后执行脚本，但是如果外部引用多个脚本的话，defer会按照引用顺序执行，async就不能保证了。

三、javaScript在页面的位置：

目前推荐的是放在</body>之前，其实随意放在哪都可以，为什么放在页面最后呢？是主要因为两个原因：

一、放在head里的话，浏览器的内容会在全部JavaScript代码都被下载、解析、执行完成以后，才开始呈现页面内容(浏览器碰到body标签才开始展示内容)。如果代码很多，会花一定时间来进行前边的各种操作，进而导致浏览器有空白期。（外部脚本可以通过上边的defer,async属性解决）

二、DOM找不到的问题，有些在初始化里操作DOM，但是实际DOM浏览器还没解析出来，会导致报错。

四、<noscript>标签：

浏览器不支持脚本或者禁用脚本的时候，<noscript></noscript>标签里的内容会被显示出来。

<noscript>
您的浏览器不支持javaScript
</noscript>

demo下载：HTML里使用JS

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

第二章在HTML页面里使用javaScript

目录：

一、在html里使用js的方式

二、<script>标签的参数

三、javaScript代码的位置

四、<noscript>标签的意思

一、主要有两种方式：

二、<script>标签的参数：

三、javaScript在页面的位置：

四、<noscript>标签：

第二章 在HTML页面里使用javaScript

目录：

一、在html里使用js的方式

二、<script>标签的参数

三、javaScript代码的位置

四、<noscript>标签的意思

一、主要有两种方式：

二、<script>标签的参数：

三、javaScript在页面的位置：

四、<noscript>标签：

第二章在HTML页面里使用javaScript