JavaScript输出

本文介绍了JavaScript如何与HTML结合来显示数据,包括使用`document.write`、`innerHTML`属性以及`console.log`。此外,还讨论了三种用户交互方式:`alert`、`confirm`和`prompt`对话框的使用,用于警告、确认和输入操作。这些基础知识对于前端开发人员理解页面动态性和用户互动至关重要。
摘要由CSDN通过智能技术生成

JavaScript和HTML结合在一起能有多种方式打印数据

一,显示数据

1.write直接将内容打印到HTML中:

<body>
    <script>
        document.write(3+5);    //输出3+5的运算结果
    </script>
</body>

2.获取(document)与修改(innerHTML)元素中已显示的数据:

<body>
    <p id = "hello">time</p>
    <script>
        a = document.getElementById("hello");  // 通过元素的id查找元素
        a.innerHTML="时间";                    // 改变查找到的元素的内容
    </script>
</body>

3.log输出到控制台(不会显示到网页上):

<body>
    <script>
        console.log("hello")
    </script>
</body>

 二,警告框

1.alert()普通提示警告框:

<body>
    <script>
        window.alert("hello");    //写法不同,但最后的结果是相同的
        alert("hello");
    </script>
</body>

2.confirm()确认框(需要用户选择“确认”或“取消”):

<body>
    <script>
        window.confirm("确认支付?");
        confirm("确认支付?");
    </script>
</body>

3.prompt()提示框(需要用户选择“确认”或“取消”,并且可以输入):

<body>
    <script>
        window.prompt("确认支付?");
        prompt("确认支付?");
    </script>
</body>

分开来看基本没有技术含量,后面讲关于提示框的事件获取与处理,,,

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值