javascript - 使用此特定代码使用 JavaScript 在实际网页上打印一些消息的最简单方法
问题描述
所以我已经有了 index.html 的 html 代码文件和 app.js 的 JavaScript 代码文件。他们只教我如何在终端上打印内容的 console.log(''),而不是我拥有的实际网页。所以我想做的是通过尽可能少地更改代码,使这段代码在实际网页上实际打印一些消息。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index.html</title>
</head>
<body>
<script src="app.js">
</script>
</body>
</html>
下面是 JavaScript 代码
setTimeout(function(){
//I want to print some message on the actual webpage.
}, 3000);
解决方案
可以通过向任何 HTML 标记添加 ID 属性来完成大量解决方案之一,然后调用此 JS 代码:
document.getElementById("your_tag_id").innerText = "your_text"
基本上,这将在您的 html 文件中搜索给定的标签 id,并添加您的文本。但避免使用此方法插入 HTML 内容,更喜欢使用 DOM 函数。
推荐阅读
- linux - 如何在 64 位环境下运行 32 位 CCSC 编译器?
- pascal - 为什么计算机打印一个超出帕斯卡字符串范围的值?
- c++ - 我的代码在运行时显示分段错误,有人可以帮助我吗?
- c - 编写一个冒泡排序函数,以数字方式对分数进行排序,但将名称字符串与它一起拖动
- gitlab - Gitlab企业版HTTPS
- django - 性能问题 AWS - Docker - Django
- javascript - php pdo 提交表单没有重新加载和隐藏
我正在尝试基于字段dailyg = 0的用户表编写每日礼物系统。在他们单击提交后,它将项目添加到用户库存并使dailyg = 1,如果你关闭页面并重新打开它不再显示这是我的计划. 但我想提交并隐藏用户单击以打开表单的类按钮。无需重新加载页面。还想看看我能做些什么关于用户手动重新加载页面插入数据两次?这就是我所拥有的...
$(window).load(fun
- angular - Angular:当我将鼠标移出组件时不再触发事件侦听器
- google-apps-script - Google App Script:通过按钮执行插件的功能(图片)
- c# - 在 .NET Core 2.2 中使用 SocketsHttpHandler 并忽略证书验证