gpt4 book ai didi

javascript - 页面重新加载后无法检索导入的 HTML 文档

转载 作者:行者123 更新时间:2023-11-28 02:16:04 26 4
gpt4 key购买 nike

在我的服务器中,我有一个名为“creategame.html”的 HTML 文档。

在一个单独的 html 文档中,我像这样导入“creategame.html”:

<head>
...
<link rel="import" href="<c:url value="/resources/html/creategame.html" />" id="create-game-forms">
...
</head>

(忽略 <c:url> 的东西,那只是与我的 View 渲染引擎相关的语法)。

在第一个页面加载时,我能够通过以下方式成功检索 html 文档:

var template = document.getElementById("create-game-forms").import;

(“create-game-forms”是导入html文档的原始<link rel...>标签的id)

而且我可以使用...从导入的 html 文档中检索标签

template.getElementById("my-custom-form-here")

(然后我可以使用 javascript 将外部 html 片段注入(inject)我的页面)

但是,在我重新加载页面后...突然模板变为空...并且调用 template.getElementById() 会引发错误。

我想知道是否有人知道为什么会这样?或者,如果有人能指出问题可能出在哪里的大致方向,我将不胜感激!

最佳答案

啊,所以我想通了。所以事实证明我在准备好之前使用了导入的元素。处理这个问题的正确方法是等待像这样的“加载”事件:

var template = document.getElementById("create-game-forms");

template.addEventListener('load', function(){
var imported_template = template.import;
//do stuff with your imported template
});

关于javascript - 页面重新加载后无法检索导入的 HTML 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48472353/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com