html写java代码
HTML是一种标记语言,主要用于创建网页结构和内容,而不是用于编写Java代码。然而,你可以在HTML中嵌入JavaScript代码,而不是Java代码。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML中嵌入JavaScript</title>
</head>
<body>
<h1>这是一个简单的HTML页面</h1>
<!-- 在<body>部分中嵌入JavaScript代码 -->
<script>
// 这里是你的JavaScript代码
function sayHello() {
alert('Hello, World!');
}
// 调用函数
sayHello();
</script>
</body>
</html>
在上面的例子中,<script>
标签用于包裹JavaScript代码。你可以在这个标签中编写JavaScript函数、变量等。在这里,我定义了一个简单的sayHello
函数,并在页面加载时调用它,弹出一个包含 "Hello, World!" 的警告框。
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML中引用外部JavaScript文件</title>
<!-- 引用外部JavaScript文件 -->
<script src="your-script.js" defer></script>
</head>
<body>
<h1>这是一个简单的HTML页面</h1>
<!-- 不再在这里嵌入JavaScript代码 -->
</body>
</html>
在上述示例中,<script>
标签中的 src
属性指向了一个名为 your-script.js
的外部JavaScript文件。你需要创建一个独立的文件,将你的JavaScript代码保存在这个文件中。
javascript// your-script.js
// 在外部JavaScript文件中定义函数
function sayHello() {
alert('Hello, World!');
}
// 页面加载完毕时调用函数
document.addEventListener('DOMContentLoaded', function () {
sayHello();
});
这种方式有助于组织代码,使其更易于维护,并支持代码重用。