我对 html 很陌生,正在尝试制作一个网站。到目前为止,我已经有了一个包含我网站标题的 html 文件,我想在我使用 jQuery 的加载函数为网站创建的所有页面中使用它。
所以基本上我想做的是将 Header.html
加载到 Page.html
中。
这是 Page.html 中的代码:
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Hello</title>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#Header").load("Header.html");
});
</script>
</head>
<body>
Hi
<div id="Header"></div>
</body>
</html>
Header.html 看起来像这样:
<div id="Header_Name">Adabelle Combrink</div>
<div id="Header_GameProgrammer">Game Programmer</div>
此刻唯一出现在屏幕上的是“嗨”。
最佳答案
看起来不错,除了 src 属性中的反斜杠应该是正斜杠。
您是否遇到了任何特定的错误?
此外,正如已经指出的那样,PHP 更适合这项工作。
<?php include 'header.php'; ?>
除了可访问性问题,还可能对 SEO 产生负面影响。
编辑:
假设您的 jQuery 路径是正确的,那么您发布的代码应该可以工作(它对我有用)。
要尝试/确定的事情:
您在服务器上运行它(即不只是在浏览器中打开文件,因为这会违反同源策略)。检查地址栏中的地址是否以 file://
开头
确保 jQuery 库的路径正确
确保 Page.html 和 Header.html 在同一个文件夹中
检查您浏览器的错误控制台。 Instructions .
关于javascript - 如何将html文件用作div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20946788/