个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我正在使用 codepen.io 创建一个项目，在该项目中，我创建了两个 html 页面。第一个称为“header.html”，第二个称为“index.html”。我正在使用“w3-include-html”将 header.html 文件包含在 index.html 文件中。 header.html 文件使用外部 javascript 文件将日期时间返回到我创建的名为“时间”的特定 ID。问题是当我在我的index.html页面中时，标题被显示并且代码被运行，但是document.getElementById函数无法从index.html中使用的外部html页面找到id。
这是我的代码:
header.html
<html>
<head>
<script src="scripts/userInfo.js"></script>
</head>
<body>
<p id ="userName">username</p>
<p id ="time"></p>
<p id ="logcount">timeCounter</p>
<script>
dateTime();
</script>
</body>
</html>
index.html
<html>
<head>
<script src="https://www.w3schools.com/lib/w3.js"></script> <-used to
enable the use of the w3-include-html
</head>
<body>
<div w3-include-html="header.html"></div> <- refers to my html file and
places the assets on the page
<script>
w3.includeHTML(); <--to include the html file
</script>
<script src="scripts/userInfo.js"></script> <-- reference to javascript
file being used by header.html
</body>
</html>
userInfo.js
var sec =0;
var minute = 0;
var hour = 0;
var timeOutput;
function dateTime(){
var date = new Date();
var day = date.toDateString();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
try{
document.getElementById("time").innerHTML = day + " " + hours + ":" +
minutes;
}catch(error){
alert(error); <- when run on the index.html page I get an error saying
that the id "time" could not be found. This does work when running just
on the header.html page.
}
setTimeout(dateTime,1000);
}
如有任何帮助，我们将不胜感激，谢谢。
最佳答案
这个 W3 Schools 脚本不是标准的，通过查看其源代码，它依赖于 XHLHttpRequest 对象 (AJAX)。仅当通过 HTTP 或 HTTPS 从服务器请求代码时，AJAX 请求才会起作用，因此在测试此代码时请确保您正在服务器上运行它。
此外，即使您可以正常工作，包含的文件也不应该是整个 HTML 文档。它应该只是您打算插入到更大文件中的片段。由于您尝试将 header.html 文件注入(inject)到 index.html 的 div 中，因此您应该只注入(inject)在内部有效的代码div，因此将 header.html 更改为:
<p id ="userName">username</p>
<p id ="time"></p>
<p id ="logcount">timeCounter</p>
<!-- You want the .js reference to come before your
attempt to use the code in the file and also
after any elements that the code will refer to. -->
<script src="scripts/userInfo.js"></script>
<script>dateTime();</script>
关于javascript - HTML - w3-include-html 读取 javascript 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48601626/
28
4
0
验证邮箱的正则表达式 var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 或者
我正在学习正则表达式并认为我开始掌握了。但是…… 我试图拆分一个字符串，我需要帮助来理解这样一个简单的事情: String input = "abcde"; System.out.println("[
我是初学者。我不知道为什么？我正在使用 Code::Blocks。请阅读以下代码: 如果 q=' W '，则打印出 W。 如果 q=" W "，则打印出 $。 最佳答案 文字 "W" 不是单个 cha
我在 BigQuery Reference 或 re2 wiki 中都找不到答案。 在 BigQuery Reference 中 Regex 部分的所有示例中，每个 regex 之前都有一个“r”，但
当我按“W 或 w”但仅一次时，我想让我的矩形/字符移动“X px”。按住“W”和“w”时不继续移动。我尝试使用一个变量创建一个“Key Released”函数，该变量在按下“W 或 w”时会发生变化
%w[ ] Non-interpolated Array of words, separated by whitespace %W[ ] Interpolated Array of words
我使用 vim。在我曾经使用过的每台机器上，“w”都尊重标点符号。如果我按“w”，我会前进到一个词的结尾。 如果是句点分隔词，我将移至下一个句点。 然而，在特定的 vim 安装中，'w' 被解释为 '
(\w+)?有什么区别吗和 (\w*)在正则表达式中？ 似乎是一样的，不是吗？ 最佳答案 (\w+)?和 (\w*)两者匹配相同(0..+inf 单词字符) 但是，有一点不同: 在第一种情况下，如果正
在 Ruby 中 %w(don matt james) 和 %w[don matt james] 有区别吗？ 使用 Ruby 控制台，它们都输出一个数组，每个单词作为一个元素。我很好奇为什么有多种方法
我真的很想帮助您决定字母表中所有单词的语言是否{0,1}不能从两边以同样的方式读取，{ w | w <> wR } , 是一种上下文无关语言(即可以转化为特定的语法规则)。 我试图通过抽水引理证明它不
这是我的 Xml 文档(小片段)。
:q 和 :Q 也是如此。我几乎总是不会足够快地放弃转变，看到 :Q 和 :W 无论如何都没有被使用，我认为让它们像小写字母一样做会很好。 最佳答案 黑客是通过 :cmap或 :cabb ，但这些都有
我对/\w\b\w/感到困惑。我认为它应该匹配“we we”中的“e w”，因为: \w 是单词字符，即“e” \b 是单词 broundary，它是 ""(空格) \w 是另一个词是“w” 所以匹配
在 Linux 中，我的目录中有一个名为 test2 的文件，该文件是我使用 touch 命令创建的。 当我运行命令时 find . –name “*test*” -ls 它不会给我错误，但是当我运行
我想把一个句子分成单词和单词之间的部分(我称之为定界符)。 sentence = "First-tea,-then-coffee!" => "First-tea,-then-coffee!" word
我正在查看 Ruby 的文档。我对使用 %w() 还是 %W() 感到困惑(后面的 W 是大写的)。两者有什么区别？你能给我指点一些文档吗？ 最佳答案 当大写时，数组由插入的字符串构成，就像在双引号字
有什么区别？ 最佳答案 %w 引用像单引号 ''(没有变量插值，转义序列更少)，而 %W 引用像双引号 ""。 irb(main):001:0> foo="hello" => "hello" irb(
这是运行 XQueries 之前的 XML 文档示例: ... 1.7 ****
除非我为 TableTypeCarrier 模板类包含一个复制构造函数，否则使用 clang(但不是 gcc)构建时，以下代码会在运行时崩溃吗？如果我包含该复制构造函数，为什么我在使用 gcc 构建时
尝试: time perl -E '$x="a" x 100000; $x =~ /[\w\W]+x/i' 将运行很长时间(在我的笔记本上20秒)。没有/i，例如 time perl -E '$x=
我是一名优秀的程序员,十分优秀！