javascript - 有没有办法减少 html/css 中每个页面包含的内容的复制粘贴?

标签 javascript html css add-on boilerplate

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 9 年前

我的意思是,当前创建多个页面时,我总是必须复制粘贴页眉、导航和页脚样板。虽然这并不难做到(基本上可以复制粘贴一条 emmet 行并让它处理所有事情)。我想知道是否有一种方法可以让我不必这样做,无论是服务器端还是作为 sublime text 的插件/插件。

我目前的想法可能是创建一个服务器端 js,然后我可能会在每个页面上导入它,尽管我几乎不知道可以实现它的 js。

有什么建议吗?

最佳答案

在 Html5 中,您可以使用对象标签来包含文件。

基本上,您创建了一个文件,其中包含您的页眉和每个页面上的通用代码。

然后在您网站的每个页面上添加

<object name="includedfile" type="text/html" data="page.inc"/>

您需要内容出现的位置。

编辑:

如果您更喜欢使用 javascript,请同时检查 jquery。有一些简单的函数可以实现相同的结果,例如:

$.get('test.html')
 .success(function(data) {
     $('div.content').html(data);
 });

其中 test.html 是您要加载的页面,div.content 是您要放置加载代码的地方。

关于javascript - 有没有办法减少 html/css 中每个页面包含的内容的复制粘贴?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20072769/

上一篇:javascript - 带有文本换行的 Chrome 显示错误

下一篇:jquery - 使用 jquery 显示或隐藏多个时间

相关文章:

javascript - 如何在 Scroll 上为 Div 设置动画

javascript - 覆盖网站上文本输入区域的默认移动设备键盘? (HTML/JS/jQuery)

javascript - 自动换行功能在 chrome 中不起作用

javascript - 取消(重置 html)按钮不起作用

CSS 在不处理图像后悬停?

html - 如何让 overflow-y 产生垂直滚动条

javascript - 带有 Meteor 的 QuillJS - 如何将内容插入数据库?

javascript - Chrome 扩展程序可在所有页面中启用聊天机器人

javascript - 刷新页面后 jQuery 日期选择器不起作用

javascript - 如果选择一个复选框取消选择所有其他