javascript - 如何使用<div>制作整个网站的页脚

有没有什么方法可以仅使用来显示页脚

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

在链接到js文件的所有页面上，您可以在所有页面上进行更改而不必浏览它们？

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

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

最佳答案

您将需要稍微使用CSS才能了解它的需求。您也可以使用JavaScript路由document.write('insertFooter()');。然后，您将拥有一个JS文件，该文件将包含在与insertFooter函数联系的每个页面上，该函数将返回要写入的文本。而且，您在JS文件中所做的任何更改都会在所有页面上更改。

示例Fiddle

function insertFooter(){
    var htmlToReturn = "<p>Created by Loaf</p>";

  return htmlToReturn;
}

var footer = document.getElementById("footer");
footer.innerHTML = insertFooter();

函数insertFooter将在另一个文件中，而不是我的Fiddle所在的文件中。

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