Question

我正在网页上工作。我只需要在页面上重复使用文本。例如，如果右上角有一个主页按钮，那么相同按钮应出现在html的所有页面中。

Answer 1

要实现此目的，您需要服务器端或客户端脚本。你也可以使用CSS content来限制自己的能力。作为一种老式的解决方法，使用纯HTML，您可以使用iframe或框架。

Answer 2

需要一些脚本。

假设您无法进行服务器端脚本编写，您可以在名为Navigation.js的文件中编写javascript / jquery方法，如下所示

$(function(){
   $('#navigation').html("<button>home</button>")
})

如果你在每个页面都包含这个js，它会查找一个id为“navigation”的元素，并在其中添加一个带有“home”文本的按钮。

更新与css类似

#navigation::before{
    content:'Home';
    background:'red'
}

上面的css将在每个具有id导航元素的页面上创建一个带有文本“home”的红色元素。缺点：因为这是一个css伪元素，它不是dom的一部分，你不能将点击事件绑定到它。