javascript入门

最新推荐文章于 2023-08-06 08:23:15 发布

qq_44267288

最新推荐文章于 2023-08-06 08:23:15 发布

阅读量76

点赞数

分类专栏：小白文章标签： javascript---1

本文链接：https://blog.csdn.net/qq_44267288/article/details/100025153

版权

小白专栏收录该内容

12 篇文章 0 订阅

订阅专栏

他的作用是让网页呈现各种动态效果，学习javascript起点是处理网页。
体验javascript：
1，给字体加颜色：

<!DOCTYPE HTML>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>热身</title>
</head>

<body>
<p id="p1">你还欸次</p>
<p id="p2">我就按参加哦哦</p>
<script type="text/javascript">
     document.getElementById("p1").style.color="blue";
</script>
</body>
</html>

效果：
在这里插入图片描述、其中<script>标签在HTML网页中插入JAVASCRIPT代码，切成对出现。
<script type="text/javascriot">``表示`在之间是文本文档，JAVASCRIPT是为了告诉浏览器里的文本属于JAVASCRIPT语言。
javascript代码也可以单独创建，单独创建一个javascript文件，文件后缀名为.JS(小写)，然后把JS代码直接写在JS文件中。注意，在JS文件中，不需要script标签。
如果需要将JS代码插入到HTMML标签，添加以下代码即可：

<script src="script.js"></script>

2。找到JS在页码中的位置：
我们可以将javascript代码放在HTML的任何位置，但一般我们放在head或者body部分。
放在head部分部分：

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS代码位置</title>
    <script type="text/javascript">
        document.write("聂风")
    </script>
</head>

效果：
在这里插入图片描述
放在body部分：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JS代码位置</title>
</head>
<body>
<script type="text/javascript">
    document.write("这句口号在")
</script>
</body>
</html>

效果：
在这里插入图片描述

qq_44267288

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript入门

他的作用是让网页呈现各种动态效果，学习javascript起点是处理网页。体验javascript：1，给字体加颜色：<!DOCTYPE HTML><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>热身<...
复制链接

扫一扫