使用Javascript向任何页面添加标题

我想创建一些可嵌入的代码，用户可以将这些代码放入他们的网站，加载一些Javascript。如果满足某些条件，我想在站点顶部添加一个小标题，向下推其他内容。有没有一种简单的方法可以在大多数网站上使用

---

我了解如何加载和执行JS-我想我只是想知道我的标题上的HTML/CSS是什么样子，以及用户站点上需要修改什么。

您是否考虑过在他们的网站顶部使用浮动标题，而不是将整个网站向下移动？我想那会容易得多

这样你就可以在任何地方打一个div，就像这样：

<div id="header">Whatever content</div>

<style>
#header {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-color: black;
    z-index: 1;
    overflow:hidden;
    min-width:280px;
    position: fixed;
}
</style>

或者你也可以删除这个位置：如果这太烦人了，就修改一下，确保你的div在上面

---

有一个bootsrap导航栏：

---

也许可以解决你的问题。

许多网站的标题都需要位于顶部，因为它们的css；将其向下推将无法正常工作。你的应用程序必须找到所有页面内容的位置：已修复；然后把它移下来。这可能是令人难以置信的混乱唯一的问题是这种方法有点突兀，可能会妨碍网站功能参见：reddit。如果将所有内容包装在一个div中，然后向下移动该div，但保持该div中的所有位置一致，会怎么样