JavaScript|输出显示

最新推荐文章于 2023-06-27 22:42:01 发布
最新推荐文章于 2023-06-27 22:42:01 发布
阅读量748 收藏 9
点赞数 3
分类专栏： # JavaScript 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45985728/article/details/119575321
版权

JavaScript|输出显示

1.显示数据

JavaScript 可以通过不同的方式来输出数据：

  • 使用window.alert() 弹出警告信息
  • 使用innerHTML写入到HTML元素
  • 使用**document.write()**方法将内容写到HTML文档中
  • 使用**console.log()**写入到浏览器的控制台

2.window.alert()

可以弹出警告框来显示数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出</title>
</head>
<body>

<script>
  window.alert('提示信息')
</script>

</body>
</html>

效果：

在这里插入图片描述

3.innerHTML

如果需要从JavaScript中访问某个元素，可以使用document.getElementByld(id)方法，id属性用来表示HTML元素，并innerHTML来获取或插入元素内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出</title>
</head>
<body>
    
<h1 id="sun">太阳</h1>
<script>
  document.getElementById("sun").innerHTML = "月亮";
</script>

</body>
</html>

这样就能把h1的内容修改为月亮：

在这里插入图片描述

4.document.write()

在月亮之后显示时间：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出</title>
</head>
<body>

<script>
  // 弹出警告信息
  window.alert('提示信息');
</script>

<h1 id="sun">太阳</h1>
<script>
  document.getElementById("sun").innerHTML = "月亮";
  document.write(Date());
</script>

</body>
</html>

效果：

在这里插入图片描述

5.console.log()

如果浏览器支持调试，可以使用 console.log() 方法在浏览器中显示JavaScript值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出</title>
</head>
<body>

<script>
  // 弹出警告信息
  window.alert('提示信息');
</script>

<h1 id="sun">太阳</h1>
<script>
  document.getElementById("sun").innerHTML = "月亮";
  document.write(Date());
  a = 5;
  b = 6;
  c = a + b;
  console.log(c);
</script>

</body>
</html>

将a+b的值写到控制台：

在这里插入图片描述

人生没有白走的路，每一步都算数！

Alan_Lowe
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
javascript实现数组中的内容随机输出
10-23
本文实例讲述了javaScript数组随机排列实现随机洗牌功能的方法。分享给大家供大家参考。
JavaScript的输出方式
2202_75488514的博客
09-18 1495
弹出一个对话框，显示特定的消息。
javascript点击li,显示相应的值
u012841667的专栏
10-20 1382
//直接将事件绑定到ul上，而不是绑定到li中 点击li得到相应的值 li{ padding:10px 0; background-color:red; list-style: none; margin:10px 0; } 第一个 第二个 第三个 第四个 window.onload = function(){ v
小白学习python的第十天之函数与函数进阶
bbbbbya的博客
10-12 311
一. 函数 1.什么是返回值 """ 返回值就是从函数内部传递到函数外部的数据（默认情况下函数内部产生的新数据，在函数外部不能使用） """ def func(a, b): c = a+b print(c) func(10, 20) # print(c) # 报错 2.怎么确定函数返回值 """ 1） python中每个函数都有返回值，返回值是什么就看执行函数体的时候遇到的return关键字后面的数据是什么 如果没有遇到return，返回值就是None。 （希望作为返回值的数据在
JavaScript 显示数据
woaimx_1314的博客
06-19 936
这段代码创建了一个包含按钮的简单 HTML 页面，并使用 JavaScript 在单击按钮时向文档中写入文本。是一个 JavaScript 的内置方法，用于向浏览器的控制台输出信息。会在浏览器中显示一个对话框，其中包含一条消息和一个“确定”按钮。如果需要向用户显示多个消息，请考虑使用其他方式，如在页面中添加一个消息区域或使用模态框等。是一个阻塞函数，它会阻塞 JavaScript 代码的执行，直到用户关闭对话框。，该参数是要查找的元素的 ID，然后返回对该元素的引用。函数，该函数在点击按钮时被调用。
js用法、显示数据
lijiang_shen的博客
09-01 730
js改变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> .
如何在页面上显示JS中的变量值，以及JS中value/innerText/innerHTML三个属性的区别
热门推荐
github_37421511的博客
11-22 2万+
在页面上显示JS中的变量值 想要在页面上显示JavaScript中定义的变量值，查到两种方法： 一是通过document.write()；二是在页面节点上显示 &amp;amp;amp;amp;lt;div id='div'&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/div&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt; var a=&
JavaScript学习笔记(03)之JavaScript如何输出显示
学过印刷包装工程研究过食品科学且会点计算机编程的多功能码农
09-25 1136
这里聊一聊关于Javascript是如何显示的。首先回忆一下，还记得WinForm里面有一个重要的弹出对话框函数式什么吗？ MessageBox.Show(“您好，这是一个弹出对话框"); 是的，Javascript又是如何输出显示的呢？以下简单介绍一下几种方法：           1、在页面输出           document.write()语句是javascript向客户端输出的
如何在 JavaScript 中显示输出
我的博客，不一样的自我表达
06-27 128
本文还演示了如何使用console.log()、document.write()、document.getElementById()和window.alert()函数在 JavaScript 中显示输出。根据您的选择，您可以通过将输出写入 HTML 元素、在警报框中显示输出或在浏览器控制台窗口中显示输出来生成和显示 JavaScript 输出。该方法主要用于测试。使用 JavaScript 生成输出的方法有很多种，例如将输出写入浏览器窗口或控制台、在对话框中显示输出、在 HTML 元素中创建输出等。
显示js对象的所有属性名称和属性值
friendan的专栏
04-15 1万+
参考文章：http://blog.csdn.net/dxmgood/article/details/6360815 // 显示js对象的所有属性名称和属性值 function displayProp(obj){ var msg =""; for(var name in obj){ msg += na
JavaScript结合AJAX_stream实现流式显示
10-24
主要介绍了JavaScript结合AJAX_stream实现流式显示,需要的朋友可以参考下
为调试JavaScript添加输出窗口的代码
10-29
调试JavaScript是一件很麻烦的事，尽管有很多很好用的调试工具，但有时候想要跟踪值的变化，但即不想中断脚本执行，也不想用alert显示值信息，这种情况下，一般的做法是在页面上添加一个DIV或者其它元素，然后再往...
places-traveled:中级JavaScript | 面向对象JavaScript | 通讯录，您去过的地方，待办事项
04-15
此外，请确保在项目的自述文件中包括规范以及示例输入和输出。 使用的技术 HTML，CSS，Bootstrap 3.3.7，JavaScript和jQuery v3.4.1（未压缩的开发版本）。 项目是使用Google Chrome编写的； 没有其他浏览器经过...
javascript实现实时输出当前的时间
10-24
在网页中实时的显示时间，不但可以给网页添色，还可以方便浏览者掌握当前时间，为了提高网站的开发速度，可以把主代码封装在一个单独的函数里面，在需要的时候直接调用而我为了演示，直接写在了主页面，方便大家观看
JavaScript|正则表达式以及search、text、replace的应用
Alan_Lowe
08-11 726
JavaScript|正则表达式以及search、text、replace的应用 1.正则表达式 正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。 语法：/正则表达式主体/修饰符(可选) 主体即为搜索的内容 修饰符可以是： i ：执行对大小写不敏感的匹配 g ：执行全局匹配，即查找所有匹配而非再找到第一个匹配后停止 m ：执行多行匹配 括号： [ab
JavaScript|异步编程
Alan_Lowe
08-14 590
JavaScript|异步编程 1.异步的概念 **异步（Asynchronous, async）是与同步（Synchronous, sync）**相对的概念。在我们学习的传统单线程编程中，程序的运行是同步的（步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效率更高。异步就是从主线程发射一个子线程来完成任务。 2.回调函数 回调函数就是一个函数，它是在我们
JavaScript|保留关键字
Alan_Lowe
08-14 552
JavaScript|保留关键字 1.JavaScript保留关键字 Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用： abstract arguments boolean break byte case catch char class const continue debugger default delete do double else enum eval export extends false
JavaScript|调试 console.log() debugger
Alan_Lowe
08-12 524
JavaScript|调试 console.log() debugger 很多浏览器都内置了调试工具，内置的调试工具可以开始或者关闭，严重的错误信息会发送给用户，我们可以设置断点，可以在代码执行时检测变量。 1.console.log()方法 可以使用 console.log() 方法在调试窗口上打印 JavaScript 值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
javascript输出语句
最新发布
01-09
以下是几种JavaScript的输出语句的例子： 1. 在页面显示： ```javascript <script> document.write("在页面显示"); </script> ``` 2. 控制台输出： ```javascript <script> console.log("输出一条日志"); console.info("输出一条信息"); console.warn("输出一条警告"); console.error("输出一条错误"); </script> ``` 3. 弹出窗口输出一句话： ```javascript <script> alert("你好Javascript"); </script> ``` 4. 弹出输入框： ```javascript <script> prompt("请输入你的名字"); </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Alan_Lowe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值