js基本语法

comegoing-归去兮来

已于 2022-07-30 21:54:35 修改

阅读量535

点赞数 1

分类专栏：前端javaScript基础文章标签： html 前端 javascript

于 2022-07-15 16:17:32 首次发布

本文链接：https://blog.csdn.net/comegoing_xin_lv/article/details/125806697

版权

前端javaScript基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、书写位置（以下三种为不规范说法，仅做参考）

1、行内联（耦合度高，不建议使用）

2、内联表

3、外联表（注意，外联表不可再在script标签中撰写其它内容）

二、语句使用

1、使用规则

2、常用语句（string为字符串，可替换，注意引号使用）

三、代码实例（外部js实例请自己撰写，这里会报错）

一、书写位置（以下三种为不规范说法，仅做参考）

1、行内联（耦合度高，不建议使用）

（1）在标签内部撰写js语句

（2）格式：事件="操作;"

（3）例子

<button onclick="document.write('G');">确定</button>

2、内联表

（1）类似于CSS内联样式表，在规定的script标签中撰写js语句

（2）格式：<script>内容语句<script>

（3）例子

<script>
    alert("我是内部的js");
    document.write("这是一个测试");
</script>

3、外联表（注意，外联表不可再在script标签中撰写其它内容）

（1）新建js文件，格式命名为：名称.js

（2）script标签中用src属性引入文件地址

（3）例子

alert("我是外部的js");

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

二、语句使用

1、使用规则

类似于java和c语言，每写完一句后，用;分隔

2、常用语句（string为字符串，可替换，注意引号使用）

（1）alert(String);

在浏览器输出警告内容

（2）document.write(String);

在浏览器页面输出内容

（3）console.log(String);

往开发者控制台输出内容（点击网页右键检查功能，进入控制台查看）

三、代码实例（外部js实例请自己撰写，这里会报错）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js编写位置</title>
        <!-- 外部的js一旦确定了就不能改，里面的内容不能添加，添加了也没有效果，自动忽略 -->
        <script src="./position.js">
            document.write("这是对外部标签的测试");
        </script>
        <script>
            alert("我是内部的js");
            document.write("这是一个测试");
        </script>
    </head>
    <body>
        <button onclick="document.write('G');">确定</button>
    </body>
</html>