使用js实现在页面输出hello

最新推荐文章于 2026-06-27 07:19:08 发布

原创最新推荐文章于 2026-06-27 07:19:08 发布 · 3.5k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

初学阶段

当前文章被收录于：

初学阶段

3 篇文章 0 人学习

订阅专栏查看详情

小白

当前文章被收录于：

小白

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

这篇博客通过三种方式展示了如何在HTML页面中使用JavaScript输出'Hello'：内部脚本直接写入，外部脚本引用以及使用alert弹窗显示。内部脚本通过document.write插入一个h1标签；外部脚本则在for循环中多次输出；行内脚本利用alert函数以弹窗形式展示。

使用内部、外部、行内的方式，使用js实现在页面输出hello

内部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第一章，js</title>
</head>
<body>
    <script type="text/javascript">
      document.write("<h1>hello!!!</h1>");//内部
    </script>
</body>
</html>

结果

外部

<!DOCTYPE html
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第一章，js</title>
</head>
<body>
<script type="text/javascript" src =1.js>//外部js
 </script>
</body>
</html>
//用了for循环
for(var i=0; i<5;i++){
    document.write("<h1>hello!!!</h1>");
}

结果
在这里插入图片描述
行内

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第一章，js</title>
</head>
<body>
    <script>
        alert("hello!!!!!");//弹窗
    </script>
</body>
</html>

结果在这里插入图片描述