当前位置: 首页 > 知识库问答 >
问题:

在事件中包括本地html文件(没有服务器,没有ajax)

尹欣怿
2023-03-14

问题归结为这样:当某人按下按钮时,我如何显示全新的main

javascript代码如下所示:

let post1 = document.getElementById('post1')
post1.onclick=function (){
  //can I include something similar to this?
  //document.main.innerHTML=localHtmlFile
} 

和HTML

<body>
    <button id="post1">Post 1</button>
    <main>
    </main>
</body>

我知道Ajax也做了类似的事情。 但这不是对服务器的请求,而只是对同一台计算机中的文件的请求。

知道吗?

共有1个答案

叶茂才
2023-03-14

我在主标签上添加了id,并在localHtmlFile字段上存储了一个html字符串。

试试看

null

window.localStorage.setItem('page', "<div>new content</div>");

   
let post1 = document.getElementById('post1')
post1.onclick=function (){
  //can I include something similar to this?
  document.getElementById('main').innerHTML=window.localStorage.readItem('page');
} 
<body>
    <button id="post1">Post 1</button>
    <main id="main">
    </main>
</body>
 类似资料:
  • 问题内容: 我需要编写一个使用HTML5和canvas的软件。 整个软件应该能够在本地运行,而不需要服务器。所以我只能使用Javascript,不能使用php。 困难的部分:我必须动态获取操作期间所需的文本文件的内容。 例如:当软件启动时,我需要“ config.json”。在用户做出一些选择之后,我需要“ story1.txt”或“ story2.txt”,依此类推。 我的问题: 我不能使用Aj

  • 我正在尝试通过Multer将文件上载到服务器。这段代码所做的只是创建文件夹,而不是文件。我还尝试使用github上的教程,但在前端我的代码也没有成功 代码AJAX 还有MAIN.JS 我从前端获得的console.log输出:

  • 我有一个运行大型企业应用程序的场景。 我有一个没有@SpringBootApplication的应用程序,叫做XYZ应用程序。应用程序没有在ABC应用程序中自动连接,ABC应用程序有@SpringBootApplication,我在Intellij中运行它。如何确保在运行应用程序时创建bean 注意:我将XYZ应用程序的JAR作为渐变版本。XYZ api和XYZ impl有单独的JAR。 我得到的

  • 我正在编写一个带有目录结构的maven包 使工作良好。 我的问题是为中包含的文件生成正确的文档,但发布 下面是相关的(?)pom.xml的一部分: 在中 我应该怎么做才能使Maven/Javadoc找到中的文件?

  • 问题内容: 我正在运行一个Java应用程序,我们将其作为服务器端系统进行分发。我正在尝试编写启动器(这里的“写”有点夸张,我基本上只是复制Java.exe文件,以便我们可以在Windows的进程浏览器中获得所需的名称)。该exe位于应用程序文件树的bin /目录中。 现在,我们在文件树中还有一个jre /目录,这是Java.exe实际所在的位置(我们将产品与Java环境一起交付)。当我使用Java

  • 我正在尝试读取本地git存储库中一个微服务的属性文件。它不是在PropertySource中添加文件详细信息。它是一片空白。 请求-http://localhost:8888/limit-service/default 请参考下面的日志,同时试图要求详细信息-

  • 我是Apache Flink CEP的新手,我正在努力检测一个简单的事件缺失。 我试图检测的是,具有特定ID的CurrencyEvent类型的事件在一定时间内不会发生。我想每次在3000ms之后事件没有发生时检测没有这样的事件。 我的模式代码如下所示: 所以现在我的想法是使用超时函数来检测超时事件: 我的测试源使用事件时间戳和水印,如下所示: 我在用TimeCharacteristics.Even

  • 我正在尝试从事件中心读取数据,但结果它只返回空值。 我将一个数据帧转换为json以发送到eventhub 这是数据的模式 我正在尝试使用从eventhub读取数据 从 pyspark.sql.类型导入数组类型, 双类型, 结构类型, 结构字段, 字符串类型, 长类型, 布尔类型