当前位置：首页 > article >正文

Web前端-JavaScript输入输出语法

article 2024/10/25 3:56:40

一、输出语法

1.语法一

作用:向body内输出内容

注意:如果输出的内容写的是标签，也会被解析成网页元素

例如：

<!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>
        document.write('我是div标签')
        document.write('<h1>我是标题</h1>')
    </script>
</body>
</html>

2.语法二

作用:页面弹出警告对话框

例如:

<!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>
    

    alert('SGQT')


    </script>
</body>
</html>

3.语法三

作用:控制台输出语法，程序员调试使用

例如：

<!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>
    
    console.log('sgqt')

    </script>
</body>
</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>