W3C: Javascript教程

本文介绍如何在HTML中使用JavaScript,包括脚本的放置位置、外部文件的引用方式、访问及修改HTML元素的方法等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML中得脚本必须位于<script>与</script>标签之间

脚本可被放置在HTML页面的<body>和<head>部分中

如需在html页面中插入javascript,请使用<script>标签

例如:

<script>

alert("My First JavaScript");

</script>

那些老旧的实例可能会在<script>标签中使用type=“text/javascript”。现在已经不必这么做了,JavaScript是所有现代浏览器以及HTML5中的默认脚本语言。

通常的做法是把函数放入<head>部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部JavaScript文件的文件扩展名是.js。

如需使用外部文件,请在<script>标签的“src”属性中设置该.js文件

在<head>或<body>中引用脚本文件都是可以的,实际运行效果与您在<script>标签中编写脚本完全一致。

外部脚本不能包含<script>标签

如需从JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法。

请使用"id"属性来标识HTML元素

通过指定的id来访问HTML元素,并改变其内容。

<!DOCTYPE html>

<html>

<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>

document.getElementById("demo").innerHTML="My First JavaScript";

</script>

</body>

</html>

JavaScript由浏览器来执行,在这种情况下,浏览器将访问id="demo"的HTML元素,并把它的内容(innerHTML)替换为“My First JavaScript”。

请使用document.write()仅仅向文档输出写内容。

如果在文档已完后加载后执行document.write,整个HTML页面将被覆盖。

分号用于分隔JavaScript语句,在JavaScript中,用分号来结束语句是可选的。

JavaScript对大小写是敏感的

JavaScript会忽略多余的空格,您可以向脚本添加空格来提高可读性。

您可以在文本字符串中使用反斜杠对代码进行换行。

单行注释以//开头,多行注释以/** */结尾。

变量必须以字母开头,也能以$和_符号开头(不过我们不推荐这么做),变量名对大小写敏感

JavaScript语句和变量都对大小写敏感。

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式来定义。属性由逗号分隔:

var person={ firstname:"Bill", lastname:"Gates" };


Undefined 这个值表示变量不含有值,可以通过将变量的值设置为null来清空变量。

当您声明新变量时,可以使用关键词“new”来声明其类型

可以在函数内部声明变量,只要函数运行完毕,本地变量就会被删除。

全局JavaScript变量是在函数外声明的变量

JavaScript变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除,全局变量会在页面关闭以后删除。

如果你把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

+运算符用于把文本值或字符串变量加起来(连接起来)。

如果把数字与字符串相加,结果将成为字符串。









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值