个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我想避免每次想要更改时都必须在 5 个不同的页面上制作菜单。因此，我使用 Javascript 在运行时重新创建菜单，这样我只需更改该脚本即可立即在所有页面上更改菜单(我知道，天才吧？)。
但事情是这样的；虽然代码按预期工作，但当页面的其余部分已加载时，菜单似乎首先加载，即使我使用 window.onload 调用该函数。 。我真的不知道为什么会这样。我的猜测是innerHTML 很慢，或者我在错误的时间加载了脚本。
我尝试在 <head> 加载它但考虑到 DOM 还不存在，这没有多大意义。因此，我将其移至 header 标签，这是菜单代码最初所在的位置，以便在 header 加载时加载。但这是完全相同的行为。
如果我进入菜单直接用 HTML 编写的任何其他页面，它会像页面的其余部分一样立即加载。有什么建议吗？
window.onload = function () {
var header = document.getElementById("header");
var div = document.createElement('div');
div.className = 'inner';
div.innerHTML =
'<h1><a href="-omitted-" id="logo">Dynamic Realities</a></h1>' +
'<nav id="nav"><ul>' +
'<li><a href="-omitted-">Home</a></li>' +
'<li><a href="-omitted-" target="_blank">Forum</a></li><li>' +
'<a href="-omitted-">Media</a></li>' +
'<li><a href="-omitted-">The Team</a></li>' +
'<li><a href="-omitted-">Open Positions</a></li></ul></nav>';
header.appendChild(div);
}
最佳答案
对。 window.onload 将在 DOM 的其余部分加载后触发。
如果您将其放置在 header 中(它在 DOM 中所属的位置)，则可以删除 onload 事件，然后就在那里执行此操作。这应该会让它工作得更好。
关于Javascript insideHTML 加载缓慢，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25968525/
28
4
0
在注册表中，我有 php 验证密码并将消息“good”发送回 div“password_feedback”。在if语句中，如果password_feedback ==“good”，则在“check”d
您好，我正在尝试更新以下脚本的innerHTML Your submission was successful. 我已经尝试过以下 var cls =document.getElementB
在我的脚本中 node1.data 和 node1.textContent 工作正常，但 node1.innerHTML 没有显示任何内容，我不明白为什么。 var text = []; functi
有谁知道如何从 IFRAME 中获取 HTML 我尝试了几种不同的方法: document.getElementById('iframe01').contentDocument.body.innerH
这是一个非常简单的程序，输出应该是 JavaScript，但我只得到 s。 document.getElementById("ma"
我有一个带有innerhtml函数的javascript代码，就像这样 var x = document.getElementById("gps"); function getLocation()
我正在使用 html 和 js，并且我想在用户单击某些内容时显示一段 html 代码。代码有点大，因此使用 document.getElementById("display").innerHTML =
我似乎无法使用innerHTML 在计算器下方显示答案。我以前曾使用警报框进行此操作，但理想情况下我想直接写入文档，以便可以包含链接和格式。 我成功地使用了下面的方法，并使用了一个不太复杂的脚本，该脚
我看到了很多关于这种模式的帖子，但仍然不明白为什么它在我的代码中不起作用。在 Ubuntu 10.04 上使用 Chromium。 function showDescription(){ va
我有一段代码，可以将 div 标签的内部 HTML 更改为状态消息，它包含在 try 方法中，唯一的问题是状态保持可见约 3 秒，然后消失。我认为这是由于 try 方法造成的，有什么办法可以阻止这个吗
我想避免每次想要更改时都必须在 5 个不同的页面上制作菜单。因此，我使用 Javascript 在运行时重新创建菜单，这样我只需更改该脚本即可立即在所有页面上更改菜单(我知道，天才吧？)。 但事情是这
我想从 API 中获取每个元素并将其显示在不同的类中。我在控制台中得到结果，但在页面上没有得到结果。请帮帮我。预先感谢您:) . 我已经将 JavaScript 与 Jquery 结合使用。 $.g
我对 JavaScript 还很陌生。我正在尝试在 的顶部添加一个 div 。但由于某种原因，它将我的代码添加为这样的文本 这是我目前的代码。 function addDark() { docu
function startMatch(deck, dealer, player){ var dealerX = document.querySelector('#player:first-c
我对innerHTML的理解并不完全清楚，所以我遇到了一些麻烦。 这会产生表外的所有 td。我做错了什么？ var list = document.getElementById("procTable"
不确定这是否很奇怪或者只是我很愚蠢，但我在 JavaScript innerHTML 中遇到了问题。好的，我的 body 标签中有一个空的 DIV。我想要的是在其中写一个无序列表。所以，我做了这个:
我正在使用谷歌地图 API。当用户移动 map 上的标记时，提交按钮将从禁用状态更改为禁用状态。它将按钮从禁用状态更改为禁用状态，但我无法提交表单。什么也没发生。
我试图将我在文本输入中输入的所有内容大写，js 上的 caps 函数工作正常，我可以在控制台上看到，但 insidehtml 函数不会更改 html 文件 function clr() { doc
这个问题已经有答案了: Why does jQuery or a DOM method such as getElementById not find the element? (7 个回答) 已关闭
我正在为考试尝试一些东西，但无法使其发挥作用。这真的很简单，我不明白为什么不起作用。 Exercici 2 //rep 2 paràmetres d'entra
我是一名优秀的程序员,十分优秀！