如何用css、js和图像调用HTML文件？答案

【问题标题】：How to call HTML file with css, js and images?如何用css、js和图像调用HTML文件？
【发布时间】：2014-11-21 10:35:38
【问题描述】：

我正在从服务器下载 zip 文件。在 NSCachesDirectory 我有 html 文件，我想知道如何使用他们的源文件运行 html 文件，我已经粘贴了我的代码。请帮帮我

NSArray *paths = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES);
NSString *documentsPath =  [[paths objectAtIndex:0] stringByAppendingPathComponent:[NSString stringWithFormat:@"/Lesson-file/Lesson%d",[str_lsn_id integerValue]]];

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"story_html5" ofType:@"html" inDirectory:documentsPath]];
[lsn_play_webview loadRequest:[NSURLRequest requestWithURL:url]];

【问题讨论】：

看看这个 - stackoverflow.com/questions/26799493/…
以上代码对我不起作用
答案链接是一种方法，而不是您问题的确切答案！。顺便说一句，你说你有像 css 和 js 这样的源文件。这些文件是从服务器下载的？或者它们是超链接？这些文件是否与html文件在同一目录中？
所有的html、css、js和图片都是从服务器下载的一个文件夹。

标签： javascript html ios zip nsurl

【解决方案1】：

这是适合您的方法。根据您所说的上下文，您有源文件js 和css。

这里的问题可能是因为在运行时这些文件未加载或编译器无法找到它们的位置。

例如：

  <!--For CSS file html tag is-->
  <link rel="stylesheet" href="styles.css"> 

  <!--For JS file html tag is-->
  <script type="text/javascript" src="exmample.js"></script>

因此您必须手动提供这些文件的位置。

在此处查看标签href 和src。这些是在内存中加载 html 页面时在运行时需要的资源文件的位置。

如果这些文件位于同一目录中，则无需提供 url

建议：

建议您在此处提供文件位置 url。编辑您的 html 文件并为 url 标签添加标记。

示例代码：

<html> <head>

        <script type="text/javascript" src="#JS-FILE1#"></script>
        <link rel="stylesheet" href="#CSS-FILE1#">

</head> <body> </body>
</html>

您可以看到我已将文件替换为标记#JS-FILE1# 和#CSS-FILE1#。现在我们将在加载 html 文件之前将这些标记替换为实际的 url。

NSString *path = [[NSBundle mainBundle] pathForResource:@"filename" ofType:@"html"];
NSString *html = [[NSString alloc] initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];

// Location of Resource files
NSString *jsFilePath = [[NSBundle mainBundle] pathForResource:@"exmample" ofType:@"js"];

NSString *cssFilePath = [[NSBundle mainBundle] pathForResource:@"stylesheet" ofType:@"css"];

html = [html stringByReplacingOccurrencesOfString:@"#JS-FILE1#" withString:jsFilePath];
html = [html stringByReplacingOccurrencesOfString:@"#CSS-FILE1#" withString:cssFilePath];

在此处放置断点并调试输出字符串。 NSLog 这个字符串复制它并创建临时文件 - 在浏览器中打开它以交叉检查所有资源是否已加载？

如果不是，则检查资源文件的 url 是否正确。

【讨论】：