JavaScript基础--用法、语法、输入输出

最新推荐文章于 2026-06-14 18:02:33 发布

原创最新推荐文章于 2026-06-14 18:02:33 发布 · 321 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript

web前端基础学习同时被 2 个专栏收录

80 篇文章

订阅专栏

JavaScript学习

37 篇文章

订阅专栏

本文介绍了JavaScript的基础用法，包括行内嵌入式代码、页面中通过<script>标签的嵌入式应用，以及通过外链引入.js文件的方式。内容涵盖了变量定义、操作符使用、弹出消息提示、输入输出以及常见的语法示例。

JavaScript用法

行内嵌入式

<a href="javascript:alert('弹出消息提示框')">消息提示</a>
<!-- alert()函数：弹出一个消息提示框 -->

页面嵌入式

<script type="text/javascript">
    alert('弹出消息提示框');
</script>

注：可放置再HTML的<head>或者<body>中，或者同时存在于两个部分中

外链式

1、创建一个扩展名为.js的文件

2、页面中使用<script src=" "></script>导入js文件

javas语法

字面量

number数字字面量：整数、小数、科学技术e(12e3)

string字符串字面量：使用单引号(' ')或者双引号(" ")

表达式字面量：用于计算(1+2 3*4)

array数组字面量：定义数组[1,2,3]

object对象字面量：定义对象{name:"xiaoming",age:12}

function函数字面量：定义函数function hanshu(a,b){return a+b;}

变量

定义方式：

使用关键字var定义变量：var 变量名

命名规则：

1、包含字母、数字、下划线，必须以字母或者下划线开头，不能以数字开头

2、不能使用关键字作为变量名

3、严格区分大小写

操作符

赋值，算术和位运算符	= + - * /	在 JS 运算符中描述
条件，比较及逻辑运算符	== != < >	在 JS 比较运算符中描述

JavaScript输入输出

prompt()弹出输入框，用户可以输入内容

window.alert()弹出消息提示框（也称警告框）

    <script>
        window.alert('弹出消息提示框');
    </script>

document.write()将内容写入HTML文档

    <script>
        document.write('写入内容');
    </script>

注：若在文档已完成加载后执行document.write()，整个HTML页面将被覆盖

innerHTML写入到HTML元素

若需要从JavaScript访问某个HTML元素，可以使用document.getElementById(id)方法：使用“id”属性表示HTML元素，并从innerHTML获取或插入元素内容。

    <p id="idname">
        初始元素内容
    </p>
    <script>
        document.getElementById("idname").innerHTML="修改元素内容";
    </script>
    <!-- 最终页面呈现内容为"修改元素内容" -->

console.log()写入浏览器控制台，在浏览器中显示JavaScript值

    <script>
        m=7;
        n=1;
        p=m-n;
        console.log(p);
    </script>

浏览器控制台查看：