使用js实现在页面输出hello

最新推荐文章于 2024-05-05 22:36:39 发布

aliuqian

最新推荐文章于 2024-05-05 22:36:39 发布

阅读量3.2k

点赞数 3

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

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

版权

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

3 篇文章 0 订阅

订阅专栏

小白

1 篇文章 0 订阅

订阅专栏

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

扫一扫