JavaScript基础语法-1

最新推荐文章于 2024-08-25 09:57:22 发布

默默倾听全世界

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量106

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44576373/article/details/103956572

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一.标记

javascript是包含在<script type="text/javascript"> </script>中间的。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo1</title>
</head>
<body>
    <script type="text/javascript">
      document.write("我从来不说话，因为我害怕，没有人回答。")
    </script>
</body>
</html>

（注：document.write()为输出语句。）

输出结果为：
在这里插入图片描述

二.文件

javascript可以与html文件分开写。javascript的文件以.js结尾，且代码不必在<script type="text/javascript"> </script>中间。

例如：
（1）JS代码块（文件名script.js）

document.write("这里是js中的语句啊。");
document.write("<br/>" + "我从来不挣扎，因为我知道，这世界太大。");

（2）HTML代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo2</title>
</head>
<body>

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

</body>
</html>

输出结果：
在这里插入图片描述

三.位置

javascript的代码块既可以放在<head>中，又可以放在<body>中。

区别：
（1）放在<head>中的代码，浏览器解析<head>部分就会执行这个代码，然后才会解析页面的其他人部分。
（2）放在中的代码，在网页读取到该语句时才会执行。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo3</title>
    <script type="text/javascript">
        document.write("这是写在head中的代码。");
    </script>
</head>
<body>
<br>

<script type="text/javascript">
    document.write("这是写在body部分的代码。");
</script>

<br>
<script type="text/javascript">
    document.write("太多时间浪费，太多事要面对，太多已无所谓")
</script>

</body>
</html>

输出结果为：
在这里插入图片描述

默默倾听全世界

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础语法-1

一.标记javascript是包含在<script type="text/javascript"> </script>中间的。例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo1</t...
复制链接

扫一扫

专栏目录