基础 JavaScript 实例

最新推荐文章于 2025-03-11 23:32:00 发布

认真的coder

最新推荐文章于 2025-03-11 23:32:00 发布

阅读量815

点赞数

分类专栏： javascript 文章标签： javascript 脚本

javascript 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了JavaScript在HTML中的多种使用方式，包括直接在HTML文件中编写、利用`document.write()`输出文本及HTML元素、通过外部JavaScript文件引入脚本、以及如何在页面加载时触发特定的JavaScript函数。

生成文本

<html>
<body>

<script type="text/javascript">
document.write("Hello World!")
</script>

</body>
</html>

生成普通文本和标签

<html>
<body>

<script type="text/javascript">
document.write("<h1>Hello World!</h1>")
</script>

</body>
</html>

head 部分

<html>
<head>
<script type="text/javascript">
function message()
{
alert("该提示框是通过 onload 事件调用的。")
}
</script>
</head>

<body onload="message()">

</body>
</html>

body 部分

<html>
<head>
</head>

<body>

<script type="text/javascript">
document.write("该消息在页面加载时输出。")
</script>

</body>
</html>

外部 JavaScript

<html>
<head>
</head>
<body>

<script src="../js/example_externaljs.js" tppabs="http://www.w3school.com.cn/js/example_externaljs.js">
</script>

<p>
实际的脚本位于名为 "xxx.js" 的外部脚本中。
</p>

</body>
</html>