如何处理在多页 HTML/jquery 应用程序中链接到脚本和 css 文件

How to handle linking to script and css files in a multiple page HTML/jquery only app

本文关键字：链接 应用程序 jquery 脚本 文件 css HTML 何处理 处理      更新时间：2023-09-26

这是一个想法 - 构建一个基于HTML5/jquery/jquerymobile/local storage的移动/平板电脑应用程序，旨在通过Phonegap或Nomad用于本机移动设备支持。

这本身不是问题，基本上正在进行中。 该应用程序最初是.net Razor/MVC，但看起来它只会为了使用Phonegap/Nomad而进入HTML5页面，从而失去了布局/母版页面的能力。

问题是有没有办法处理与链接到 javascript 和 css 资源有关的母版页类型功能，以便在我们更改或更新时不必手动更新多个文件？ 该应用程序可能是大约 20 个单独的页面，我不想构建一个包含所有"页面"的大 HTML 页面，这会变得太混乱了。

嗨，

杰夫欢迎来到SO（堆栈溢出）。好消息是，由于它是一个Phonegap应用程序，您只需要在应用程序开始的索引页中定义css或js文件。其余的可以是"页面片段"。JQM 将使用 ajax 加载其他页面，并且无论如何都会忽略<head>部分。JQM 只是查找<div data-role="page">并将其插入到第一页中。所以请随意保持简单，只有这样的东西：

<div data-role="page">
    <div data-role="header">
        <h1>Page Fragment</h1>
    </div>
    <div data-role="content">
        <p>This page gets pulled into the first pages dom when you click on the link to it.</p>
    </div>
</div>

请注意，您不希望在 Web 应用程序中执行此操作，因为有人可能会点击刷新，或者可能通过链接或直接输入到达该页面。但是，我认为没有理由不在phonegap中这样做，因为它们无法点击刷新等。

相关文章：