javascript代码

作者：血舞悲鸣发布日期:2025-02-21 浏览:65

// 这是一个简单的 JavaScript 代码示例，用于在网页上显示一条消息。

// 定义一个函数，用于显示消息
function displayMessage() {
    // 获取 HTML 页面中的 <p> 元素，并设置其文本内容为 "Hello, World!"
    document.getElementById("message").innerText = "Hello, World!";
}

// 当页面加载完成后调用 displayMessage 函数
window.onload = displayMessage;

解释说明：

displayMessage 函数：这个函数的作用是获取 HTML 页面中 ID 为 message 的元素（通常是一个 <p> 标签），并将它的文本内容设置为 "Hello, World!"。
document.getElementById("message")：这是 JavaScript 中用来根据元素的 ID 获取 DOM 对象的方法。这里我们获取的是 ID 为 message 的元素。
innerText：用于设置或获取指定元素的文本内容。
window.onload：当整个页面（包括图像、脚本文件等）完全加载完毕后，会触发 onload 事件。这里我们将 displayMessage 函数绑定到 onload 事件上，确保页面加载完成后立即执行该函数。

HTML 示例：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 示例</title>
</head>
<body>
    <p id="message"></p>
    <script src="path/to/your/javascript-file.js"></script>
</body>
</html>

这段代码会在页面加载完成后，在页面上显示 "Hello, World!"。

上一篇：javascript字符串转换为数字

下一篇：javascript在网页中的作用