使用js实现在页面输出hello

最新推荐文章于 2024-04-04 11:23:40 发布

aliuqian

最新推荐文章于 2024-04-04 11:23:40 发布

阅读量3.2k

点赞数 3

分类专栏：初学阶段小白文章标签： html java javascript

本文链接：https://blog.csdn.net/aliuqian/article/details/113748611

版权

初学阶段同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

小白

1 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

使用内部、外部、行内的方式，使用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>

结果在这里插入图片描述

aliuqian

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用js实现在页面输出hello

使用内部、外部、行内的方式，使用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
复制链接

扫一扫