JavaScript 输出

news/2024/11/29 9:36:11/

JavaScript 输出

很遗憾,在javascript中我们找不到输出和打印的函数。
但是我们可以使用其他的方式来显示需要的数据:

  • 我们可以使用 console.log() 在浏览器控制台上面输出内容
  • 我们可以使用innerHTML 把内容写入到 HTML 元素。
  • 我们可以使用 document.write() 方法将内容写到 HTML 文档中。
  • 我们可以使用 window.alert() 弹出警告框。

那么window.alert怎样使用呢?

我们可以使用 window.alert() 弹出警告框:

<!DOCTYPE html>
<html>
<body>
<h1>this is my first title</h1>
<p>this is my first content</p><script>
window.alert(7 * 8);
</script></body>
</html>

那么HTML中的 元素如何操作呢?

我们可以使用document.getElementById(id) 来查找html中的元素,我们使用id的属性来标识唯一的html元素,根据这些唯一的id我们可以找到这些元素,从而操作这些元素。
举例说明:

<!DOCTYPE html>
<html>
<body><h1>this is my web page</h1><p id="test">this is my content</p><script>
document.getElementById("test").innerHTML = "content has been changed";
</script></body>
</html>

那么如何将内容写到 HTML中呢?

举例说明:

<!DOCTYPE html>
<html>
<body><h1>this is my web page</h1><p>this is my content</p><script>
document.write(Date());
</script></body>
</html>

注意: 我们需要在文档加载完成之后执行document.write(), 否则整个页面的内容将被覆盖。

<!DOCTYPE html>
<html>
<body><h1>this is my web page</h1><p>this is my content</p><button onclick="test()">clickMe</button><script>
function test() {document.write(Date());
}
</script></body>
</html>

那么我们怎样把内容输出到控制台呢?

通常我们可以使用console.log() 将想要的内容输出到浏览器中,这边方便我们的调试。
浏览器中,我们可以使用快捷键F12来开启调试模式。

举例说明:

<!DOCTYPE html>
<html>
<body><h1>this is my wbe page</h1><script>
e = 5;
f = 6;
g = e + f;
console.log(g);
</script></body>
</html>

console运行结果:
在这里插入图片描述


http://www.ppmy.cn/news/18964.html

相关文章

【进击的算法】基础算法——动态规划

&#x1f37f;本文主题&#xff1a;动态规划 &#x1f388;更多算法&#xff1a;回溯算法 &#x1f495;我的主页&#xff1a;蓝色学者的主页 文章目录一、前言二、概念2.1概念一&#xff1a;状态转移2.2概念二&#xff1a;Dp数组三、例题3.1斐波那契数列3.1.1题目描述3.1.2状态…

客快物流大数据项目(一百零七):物流信息查询服务接口开发解决方案

文章目录 物流信息查询服务接口开发解决方案 一、业务需求 二、系统架构演变 1、​​​​​​​集中式架构 2、​​​​​​​​​​​​​​垂直拆分 3、分布式服务 ​​​​​​​4、面向服务架构&#xff08;SOA&#xff09; 5、微服务架构 ​​​​​​​三、技术…

Tomcat启动的两个问题

文章目录小结问题及解决Address already in use: JVM_BindNo buffer space available &#xff0c;tomcat启动报错参考小结 Tomcat服务碰到两个常见的问题&#xff0c;进行了解决。 问题及解决 Address already in use: JVM_Bind 端口被占用的问题经常会碰到&#xff0c;最…

Allegro如何添加平衡铜操作指导

Allegro如何添加平衡铜操作指导 PCB在加工的时候,工厂会添加平衡铜,Allegro支持自动加上平衡铜,如下图 具体操作如下 选择Manufacture点击Thieving

官方正品 | Ultralytics YOLOv8算法来啦(尖端SOTA模型)

&#x1f680;&#x1f680;&#x1f680;卷王之王 | Ultralytics YOLOv8 算法来啦&#xff01;&#xff01;✨✨✨ 一、前言简介 &#x1f384;&#x1f388; &#x1f4da; 代码地址&#xff1a;卷王之王 | YOLOv8代码下载地址 &#x1f4da; 详细文档&#xff1a;https://…

day24-网络编程02

1.NIO 1.1 NIO通道客户端【应用】 客户端实现步骤 打开通道指定IP和端口号写出数据释放资源 示例代码 public class NIOClient {public static void main(String[] args) throws IOException {//1.打开通道SocketChannel socketChannel SocketChannel.open();//2.指定IP和端…

Java基础之《netty(31)—用netty实现RPC》

一、需求说明 1、dubbo底层使用了netty作为网络通讯框架&#xff0c;要求使用netty实现一个简单的RPC框架。 2、模仿dubbo&#xff0c;消费者和提供者约定接口和协议&#xff0c;消费者远程调用提供者的服务&#xff0c;提供者返回一个字符串&#xff0c;消费者打印提供者返回…

JavaScript 入门基础 - 对象(五)

JavaScript 入门基础 - 对象 文章目录JavaScript 入门基础 - 对象1. 对象1.1 对象的基本理解1.2 为什么需要变量2. 创建对象的方式2.1 利用字面量创建对象2.2 变量属性函数方法的区别2.3 利用 new Object 创建对象2.4 利用构造函数创建对象3.new关键字4. 遍历对象属性5. JavaSc…