【JavaScript】输入输出语法

目录

一、输出语法

二、输入语法


一、输出语法

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 输出语法1:输出到页面中
        document.write('<h1>我是第一个标题</h1>')

        // 输出语法2:弹出框
        alert('弹出框的内容')

        // 输出语法3:输出到浏览器控制台
        console.log('控制台打印');
    </script>
</body>
</html>

二、输入语法

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 输入语句
        prompt('请输入你的年龄')
    </script>
</body>
</html>

注意:alert()和prompt()它们会跳过页面渲染先被执行。

相关推荐
yuanyxh1 分钟前
程序设计模版
前端
小满zs4 分钟前
Next.js第二十章(MDX)
前端·next.js
愚坤10 分钟前
前端真有意思,又干了一年图片编辑器
前端·javascript·产品
智航GIS10 分钟前
9.1 多线程入门
java·开发语言·python
qq192572302711 分钟前
QT的QML
开发语言·qt
文心快码BaiduComate14 分钟前
用Comate开发我的第一个MCP——让Vibe Coding长长脑子
前端·后端·程序员
情缘晓梦.15 分钟前
C语言分支与循环
c语言·开发语言
消失的旧时光-194318 分钟前
从 Java 接口到 Dart freezed:一文彻底理解 Dart 的数据模型设计
java·开发语言·flutter·dart
OpenTiny社区40 分钟前
这是OpenTiny与开发者一起写下的2025答卷!
前端·javascript·vue.js
龙在天1 小时前
复刻网页彩虹🌈镭射效果
前端