JavaScript显示数据的四种方式

最新推荐文章于 2023-11-12 23:33:46 发布
最新推荐文章于 2023-11-12 23:33:46 发布
阅读量1.1w 收藏 18
点赞数 1
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuweiforever/article/details/81742817
版权

JavaScript显示数据的四种方式
1.警告框：使用window.alert()弹出警告框

    <html>
    <body>
    <p>我的第一个段落。</p>
    <script>
    window.alert(5 + 6);
    </script>
    </body>
    </html>

2.写到HTML文档：使用ducument,write()把内容写到文档中

    <html>
    <body>
    <h1>我的第一个 Web 页面</h1>
    <p>我的第一个段落。</p>
    <script>
        document.write(Date());
    </script>
    </body>
    </html>
    结果：第一行显示<h1>的内容，第二行<p>标签的内容，第三行是时间

注意：如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction() {
    document.write(Date());
    }
</script>
</body>
</html>
结果：点击按钮"点我"后，页面只显示时间

3.操作 HTML 元素：使用 innerHTML 写入到 HTML 元素，document.getElementById(id) . innerHTML=”内容”

<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
</html>
结果:<p>标签中的内容会被script重新编译的内容覆盖

4.写到控制台：使用 console.log() 写入到浏览器的控制台，console.log(内容);

<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
wuweiforever
关注
  • 1
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript结合AJAX_stream实现流式显示
10-24
主要介绍了JavaScript结合AJAX_stream实现流式显示,需要的朋友可以参考下
Javascript-Challenge:使用Javascript显示和过滤数据
03-31
Javascript挑战 使用Javascript和D3显示和过滤数据 已为GitHub Pages启用了此项目，可以在以下链接中查看结果： 主文件： app.js-用于根据提供的数据构建HTML表并根据用户输入动态过滤结果的脚本。 data.js-以键-值对形式打包的UFO Encounter数据的子集。 index.html-使用Bootstrap编程提供的主页，并链接到上面的Javascript文件。 笔记 该表最初是在页面加载时创建的，或者被刷新以包括所有UFO遇到的情况。 可以使用一个或多个列出的字段，然后单击底部的“过滤器表”按钮来完成过滤。 如果未输入任何过滤项，则返回表的完整结果。 过滤器函数const filterTable = () =>使用D3根据用户输入选择，删除并重建表。
javascript-challenge：使用javascript分配以显示数据
02-11
JavaScript家庭作业-JavaScript和DOM操作 背景 唤醒绵羊皮！ 陆地上的威胁已经到了地球，我们在ALIENS-R-REAL收集了所有我们可以证明的目击者报告！ 我们现在需要做的就是将这些信息在线发布，以供全世界查看，然后此事将最终平息。 但是，只有一个小问题...我们的收藏太大，无法手动搜索。 即使是我们最专注的追随者，也抱怨他们在此混乱中无法找到特定的报告。 这就是我们雇用您的原因。 我们需要您编写代码，以根据的动态创建表。 我们还需要允许用户过滤表数据中的特定值。 不过有一个陷阱……我们在网页上只使用纯JavaScript，HTML和CSS以及D3.js。 它们是唯一可以信任的编码语言。 你可以处理...对吗？ 地球需要知道我们所发现的！ 你的任务 在你开始之前 为此项目创建一个名为javascript-challenge的新存储库。 不要将此作业添加到现有存
JavaScript控制元素（标签）的显示与隐藏
cnds123的专栏
12-24 1万+
JavaScript控制元素（标签）的显示与隐藏，有多种方式实现。
js控制元素隐藏和显示
小妖666个人笔记
10-19 9960
方法一： document.querySelector("#id").style.visibility="hidden"; document.querySelector("#id").style.visibility="visible"; 注：该方法隐藏元素之后，仍占用空间，显示出空白区域 方法二： document.getElementById("#id").style.displ...
js获取并设置<p></p>的显示的值。
热门推荐
05-09 1万+
js获取并设置<p></p>的显示的值。
JavaScript 显示数据
woaimx_1314的博客
06-19 939
这段代码创建了一个包含按钮的简单 HTML 页面，并使用 JavaScript 在单击按钮时向文档中写入文本。是一个 JavaScript 的内置方法，用于向浏览器的控制台输出信息。会在浏览器中显示一个对话框，其中包含一条消息和一个“确定”按钮。如果需要向用户显示多个消息，请考虑使用其他方式，如在页面中添加一个消息区域或使用模态框等。是一个阻塞函数，它会阻塞 JavaScript 代码的执行，直到用户关闭对话框。，该参数是要查找的元素的 ID，然后返回对该元素的引用。函数，该函数在点击按钮时被调用。
JS 对象
qq_40832034的博客
07-07 1581
 属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…（变量）  方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…（函数） 属性访问 声明对象，并添加了若干属性后，可以使用 . 或 [] 获得对象中属性对应的值，称之为属性访问。 方法 数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。 JavaScript内部提供的对象，包含各种属性和方法给开发者调用，如document.write()、console.log() 如何生成5-10的随机数？ 如何生
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> .
javascript XML数据显示为HTML一例
10-30
通过Javascript把xml转换成html格式输出一列
javascript简介
weixin_44688529的博客
05-13 553
一、初始JavaScript JavaScript是脚本语言，插入html中使用 二、使用JavaScript 1、必须位于script标签之间 2、可被放置在 HTML 页面的 body 和 head 部分 必须位于script标签之间 <script> <p>第一个JavaScript</p> </script> 可被放置在 HTML 页面的 body 和 head 部分 例：放置body中 <!DOCTYPE html> <h
JavaScript修改和获取p标签里面内容
孤云博客
01-26 1万+
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 from：http://blog.csdn.net/u010746364/article/details/53410388 <html> <head> <scrip...
JS输出数据的4种方式
最新发布
weixin_38747097的博客
11-12 749
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法；请使用 “id” 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值；浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 “Console” 菜单。使用window.alert()可以弹出警告框来显示数据。
JS实现点击显示/隐藏
qq_52006379的博客
08-23 5096
JS实现点击显示/隐藏。
js实现input输入数据后自动进行计算，实时显示数据
努力变好
08-02 5041
js实现input输入数据后自动进行计算，实时显示数据，input输入框限制输入的数值的大小.
JS制作显示隐藏
weixin_57762662的博客
03-08 5440
打开DW按下CTRL+N新建一个HTML文档； 首先我们在body标签里写好两个button（按钮）标签，在button标签里面分别分别写好显示与隐藏两个字，让我们更好的区分，当然我们也要给它们设好两个不同的id名，为我们写JS代码做铺垫； 3. 接下来我在button标签下面新建一个div来做我们要隐藏显示的对象，当然也别忘了也给它一个id，这里我就给它id名叫box； 4. 随后我们创建一个style，然后在里面设置div的样式属性，这里可以自己找个图片来做为隐藏显示对象，我嫌麻..
js 文本显示加*（星号）
weixin_43977067的博客
01-28 1847
话不多说上代码，可以根据自己的需求进行封装和修改 /* * value传入的参数 * start 替换的开始位置 * end 结束位置 */ export const startNumber = (value,start,end) =>{ return value.split('').fill('*',start,end).join('') } ...
JS,输出在网页页面上
weixin_55604015的博客
09-18 1655
声明三个变量a、b、c，分别为a、b赋浮点值，将其进行求和后赋值给变量c，输出c在页面中。
基于JavaScript医学体数据截面显示的界面设计
05-12
要实现基于JavaScript的医学体数据截面显示的界面设计，可以按照以下步骤进行： 1. 确定数据源：确定数据源，也就是要显示的医学体数据，可以从医学影像设备中导出数据，或者使用开源的医学影像数据集。 2. 选择合适的JavaScript库：根据数据源的不同，选择合适的JavaScript库进行数据的加载和处理。例如，如果数据是DICOM格式，可以使用CornerstoneJS库进行加载和处理。 3. 设计截面显示的界面：根据需求设计截面显示的界面，可以使用HTML和CSS进行页面布局和样式设计。 4. 实现交互功能：实现交互功能，例如滚动、缩放等操作。可以使用JavaScript实现这些功能，并且与数据源进行交互。 5. 调试和优化：完成界面设计后，进行调试和优化，确保界面的稳定性和流畅性。 总之，要实现基于JavaScript的医学体数据截面显示的界面设计，需要熟练掌握HTML、CSS和JavaScript，并且了解医学影像数据的处理和加载。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值