如何使用 javascript 或其他代码将 html 代码调出到其他页面,而不是重写长代码
How to call-out html code to other pages using javascript or other codes rather than re-writing the long code?
我在这里遇到了一个大问题。我是编程的初学者,我想知道你是否可以帮助我解决我在这里遇到的这个小问题 - 或者更确切地说是大问题。我正在运行一个博客,我在侧边栏上得到了这个"最近发布"的部分,其中包含我最近的所有帖子。下面是我的代码在<aside>
部分的外观示例:
<ul>
<li><a href="#">Post Topic 1</a></li>
<li><a href="#">Post Topic 2</a></li>
<li><a href="#">Post Topic 3</a></li>
<li><a href="#">Post Topic 4</a></li>
<li><a href="#">Post Topic 5</a></li>
</ul>
这只是为了让您了解我的"最近发布"部分代码是什么样子的。实际代码非常非常长。所以现在我遇到的问题是我必须将相同的"长"代码复制并粘贴到我希望"最近发布"列表显示的所有页面上。我是否可以捕获此代码并使用 javascript 或其他代码在其他页面上调用它?只是当我更改列表中的内容时,我也必须更新其他页面上的列表,以便我的网站访问者可以看到我的最新帖子。你知道,就像Wordpress一样。请原谅我的语法。请帮帮我!
如果你的网站支持PHP,我建议你创建一个.php文件,在每个页面上都有你想要的代码,例如:
<ul>
<li><a href="#">Post Topic 1</a></li>
<li><a href="#">Post Topic 2</a></li>
<li><a href="#">Post Topic 3</a></li>
<li><a href="#">Post Topic 4</a></li>
<li><a href="#">Post Topic 5</a></li>
</ul>
然后你在每个页面上都包含 php 文件,下次你只需要编辑 php 文件,它会在包含该文件的每个页面上更新。要将 php 文件包含在 html 文件中,请使用:
<?php include("filename.php");?>
相关文章:
- 如何消除代码中的未定义和其他问题
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- Javascript阻止其他Javascript代码
- 调试一个简单的jQuery函数;想知道是否与其他代码冲突
- 如何在本地存储(或其他数据库)上安全地保存敏感访问代码
- onbeforeunload事件在我的代码中没有触发,但其他示例可以工作
- 使用Javascript创建的Cookie在C#代码中不可访问..任何原因或其他选择
- jQuery代码,用于在检查行时获取其他列的数据
- Javascript代码会错误其他代码
- php/mysql搜索结果-当类型>1,同时保持其他类型不>1-代码点火器
- 使用appendchild或其他方法向ul添加html代码而不是纯文本
- @internal react 代码中的 JavaScript 文档标签,是 jsdoc、闭包还是其他什么
- 用于向外折叠车窗和向内折叠所有其他车窗的代码
- AngularJS计时器代码获胜'Don’不要经历所有其他条件
- Fancybox图像点击可以独立工作,但不能与我的其他代码一起工作
- 当其他函数调用Javascript时运行我的代码
- 这个JavaScript / jQuery代码是否在ie8或其他浏览器中泄漏
- CSS 在基于 URL 上工作,但不在网站的其他页面中使用.代码点火器
- 除了JS,其他语言是否按加载顺序执行代码
- 使用 JS 代码设置鼠标位置,并将位置放在其他 JS 代码中