十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
在HTML中编写JavaScript,通常有两种方式:内联脚本和外部脚本,下面将详细介绍这两种方式的使用方法。

1、内联脚本
内联脚本是将JavaScript代码直接嵌入到HTML文件中的标签中,这种方式简单易用,但不利于代码的复用和维护。
示例:
内联脚本示例
欢迎来到我的网站!
2、外部脚本
外部脚本是将JavaScript代码保存在一个单独的文件中,然后在HTML文件中通过标签引用该文件,这种方式有利于代码的复用和维护,但需要在HTML文件中添加额外的标签。
步骤如下:
(1) 创建一个名为script.js的JavaScript文件,并将以下代码写入其中:
function sayHello() {
alert('Hello, World!');
}
(2) 在HTML文件中,使用标签引用刚刚创建的script.js文件:
外部脚本示例
欢迎来到我的网站!
3、JavaScript语法简介
在使用JavaScript编写代码时,需要了解一些基本的语法规则,以下是一些常用的语法元素:
(1) 变量:用于存储数据的容器,可以使用var、let或const关键字声明变量。
var name = '张三'; // 使用var关键字声明一个名为name的变量,并赋值为'张三' let age = 25; // 使用let关键字声明一个名为age的变量,并赋值为25 const gender = '男'; // 使用const关键字声明一个名为gender的常量,并赋值为'男'
(2) 数据类型:JavaScript有以下几种基本数据类型:Number、String、Boolean、Object、Array、Function和Symbol。
var num = 42; // Number类型
var str = 'Hello, World!'; // String类型
var bool = true; // Boolean类型(true或false)
var obj = {name: '张三', age: 25}; // Object类型(键值对)
var arr = [1, 2, 3, 4, 5]; // Array类型(有序的元素集合)
var func = function() { console.log('Hello, World!'); }; // Function类型(可执行的代码块)
var symbol = Symbol('foo'); // Symbol类型(唯一的标识符)
(3) 函数:用于封装可重用的代码片段,可以使用function关键字定义函数。
function sayHello() {
alert('Hello, World!');
} // 定义一个名为sayHello的函数,当调用该函数时,会弹出一个提示框显示'Hello, World!'
(4) 条件语句:用于根据条件执行不同的代码块,JavaScript支持if、else if和else关键字。
var score = 85; // 假设分数为85分
if (score >= 90) { // 如果分数大于等于90分,执行以下代码块
console.log('优秀'); // 输出'优秀'到控制台
} else if (score >= 80) { // 如果分数大于等于80分,但小于90分,执行以下代码块
console.log('良好'); // 输出'良好'到控制台
} else { // 如果分数小于80分,执行以下代码块
console.log('不及格'); // 输出'不及格'到控制台
}
(5) 循环语句:用于重复执行某段代码,JavaScript支持for、while和dowhile关键字。
// for循环示例(输出1到5的数字)
for (var i = 1; i <= 5; i++) { // 初始化变量i为1,当i小于等于5时,执行循环体,每次循环后i加1
console.log(i); // 输出i的值到控制台
}