Question

有没有办法只使用

来显示页脚

<div class="footer"></div>

在链接到js文件的所有页面上，您可以在所有页面上更改它而无需通过它们？

我对JS很新，我想知道这是否是正确的方法

    document.write('\
\
    <p>Created by Lewis Milburn</p>\
\
');

Answer 1

你需要玩一点CSS才能看出你想要的样子。您也可以使用JavaScript路线$target = '<img src="../images/target.jpg" ';。然后，您将拥有一个JS文件，您将在每个与insertFooter函数联系的页面上包含该文件，该函数将返回要写入的文本。你在JS文件中改变的任何内容都会在所有页面中发生变化。

示例Fiddle

document.write('insertFooter()');

函数function insertFooter(){ var htmlToReturn = "<p>Created by Loaf</p>"; return htmlToReturn; } var footer = document.getElementById("footer"); footer.innerHTML = insertFooter();将在另一个文件中，而不是我的小提琴。

我想添加的一件事是，某些用户可以在浏览器中禁用JavaScript，并且您可能还会在第一次加载页面时没有显示页脚的小闪烁，因为我们通过的JavaScript。

Answer 2

对于简单的事情，我想你可以这样做：

//scripts.js
function showFooter() {
    var footer = document.getElementById("footer");
    footer.classList.remove("hidden")
}

showFooter();

然后是HTML文件：

...
<div id="footer" class="hidden">
    <p>Created by Lewis Milburn</p>
</div>

<style>
    .hidden {
        display: none
    }
</style>
...

然后在关闭body标签之前使用类似的东西来删除隐藏的类：

<script src="./scripts.js"></script>

这里发生的是，一旦引用scripts.js文件，就会运行showFooter（）并删除隐藏的类。这是jsbin给你的。

如何使用<div>制作网站范围的页脚

2 个答案: