【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()它们会跳过页面渲染先被执行。

相关推荐
Momentary_SixthSense1 分钟前
设计模式之工厂模式
java·开发语言·设计模式
悟空瞎说1 分钟前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js
J船长3 分钟前
深入理解 Dart 中的 mixin:优雅复用代码的利器
前端
风止何安啊6 分钟前
为什么要有 TypeScript?让 JS 告别 “薛定谔的 Bug”
前端·javascript·面试
‎ദ്ദിᵔ.˛.ᵔ₎10 分钟前
STL 栈 队列
开发语言·c++
勿忘,瞬间16 分钟前
数据结构—顺序表
java·开发语言
张張40820 分钟前
(域格)环境搭建和编译
c语言·开发语言·python·ai
weixin_4235339924 分钟前
【Windows11离线安装anaconda、python、vscode】
开发语言·vscode·python
fzb5QsS1p26 分钟前
告别重复造轮子,Qt 快速开发脚手架
开发语言·qt·php
航Hang*28 分钟前
第3章:Linux系统安全管理——第2节:部署代理服务
linux·运维·服务器·开发语言·笔记·系统安全