- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 html 文件,它本身就可以正常工作。 html 文件包含一些相对路径。
当我在 php 中包含 html 文件时,我遇到了相对路径问题。
chart.html 文件有一个这样的脚本 src:
<script src="./data/data.js"></script>
和 index.php 包括如下所示:
include('./chart/chart.html');
我在浏览器中得到的错误是失败的:
X GET http://localhost/project/data/data.js
显然 data.js 的路径缺少 chart 文件夹。它应该是这样的:http://localhost/project/chart/data/data.js
这是我的文件夹层次结构:
Sites/
project/
index.php
chart/
chart.html
data/
data.js
我知道我可以修改 html 文件并将图表添加到路径,但这会使 html 文件本身无法查看。基本上 html 文件假定路径基于当前 chart.html 相对路径。那么让 php 包含这个 html 文件而不弄乱相对路径的正确方法是什么?
最佳答案
这里的问题是绝对路径和相对路径之间的差异。通过将它包含到其他路径中,有效地更改了 chart.html
的路径,但不更改相关文件的相对路径,您破坏了代码。
有基础标签https://developer.mozilla.org/en/docs/Web/HTML/Element/base你可以把它放在头上。然而,这可能会使事情变得更糟,因为您的 index.php
可能包含的其他内容将不再有效,除非它们使用绝对路径。如果您无论如何都不这样做,这可能是一个很好的解决方案。
第二种解决方案可能是(以编程方式)在您的 html 中搜索相对路径,并即时将这些路径替换为正确的路径。有一些奇怪的情况,其中 javascript 在 html 中使用,并且可能有一些“反复制”保护 js 代码,这可能会因此而窒息。
第三种解决方案(当然取决于您的用例)是不包含 html,而是在您的输出中放置一个 iframe
,您指向正确的路径。由于它是从正确的路径加载的,因此相对路径应该再次起作用。 (我更喜欢那个,特别是如果它是您想要的某种“预览”功能)。
另一种解决方案可能是将另一个 index.php
放入图表文件夹中,即 - 通过包含(并使原始 index.php
的代码足够灵活) -将执行与原始 index.php 相同的工作,但由于它是从不同的路径请求的,所以一切都很好。
另一种方法是 URL 重写,您可以使它出现,就像 index.php 在图表目录中一样(可能需要从原始调用重定向)。 URL 重写可能很困难,具体取决于您的整体设置。
这些是我的建议,但是,根据您实际想对您的项目做什么,可能会有更合适的解决方案。
更新到额外的 index.php
解决方案:
请注意,这只适用于一次显示一个 项目,不能同时显示多个。此外,这在很大程度上取决于您的 index.php
的作用或它的工作方式。让我假设它看起来像这样:
<?php
$project = !empty($_POST['project']) ? $_POST['project'] : '';
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
echo '<a href="?project='.$p.'">'.$p.'</a>';
}
现在,新的 chart/index.php
会做类似的事情:
<?php $project='chart'; include '../index.php';
并且您需要将原始的 /index.php
更改为:
<?php
$project = !empty($project) ? $project : ''; // <-- changed
$projects = array('chart', 'otherproject');
if(in_array($project, $projects)) {
include $project.'/'.$project.'.html';
}
foreach($projects as $p) {
echo '<a href="/URL/TO/ROOT/'.$p.'/index.php">'.$p.'</a>'; // <-- changed
}
关于javascript - PHP 包含包含相对路径的 html 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38844198/
我们有一个应用程序,我们可以在其中设计标签,然后根据设计创建图像并将其发送到打印机。图像在通过 TCP/IP 发送之前被制成字节流。 简而言之,我们有一个旋转设置,可以自动计算标签上不同元素的位置。而
我们在 IIS7 中有一个 MVC3 应用程序:http://mydomain.com/myapplication/ javascript 中的相对 URL 是什么: http://mydomain.
我的例子:http://jsfiddle.net/kwnk8qup/ 我的代码: container(父 div
如何将元素放置在右侧,并保持后面元素的持久位置? 我想在没有 Efficiently ... 的情况下将 text-align: right 对齐到右侧,并保留 t2 和 t3 元素之间的空间。 当我
假设我有一个包含以下文件的模块包。一个空文件 C:\codes\package\__init__.py 和一些重要文件: 一个位于C:\codes\package\first.py def f():
我正在尝试使用以下代码在屏幕上相对移动光标: input.type = INPUT_MOUSE; ZeroMemory(&input, sizeof(input)); input.mi.mouseDa
我排列了 3 个 div;中心 div 有许多 position:absolute 图像(它们重叠——一次显示一个图像;其余的是 display:none;对于 jQuery 交叉淡入淡出,这不是密切
我在 SQL 2000 数据库中有以下简化的表结构: ID AppName Key Value EffectiveDate -- ------- ----- ------- ---
给定以下配置: server { listen 80; server_name site.com; location /proxy { proxy_pa
我正在使用这些方法动态加载图像和资源目录,但它们并不适用于所有情况 new Uri(@"pack://application:,,/Images/lession_tab.png"); 此方法不适用于图
在插入/更新许多行时,我知道SQLite的“问题”,但事实并非如此。 我正在更新包含约250条记录的表中的ONE一行(由PK索引)中的ONE字段。查询通常需要200毫秒左右的时间。听起来很少,但很大。
如何向左或向右滑动线性布局。在该线性布局中,默认情况下我有一个不可见的删除按钮,还有一些其他小部件,它们都是可见状态,当向左滑动线性布局时,我需要使其可见的删除按钮,当向右滑动时,我需要隐藏该删除按钮
Imagen 我有一个 2D 点 (x,y) 列表,它们在我的简单游戏中描述了 2D 地形。 然后我让 glVertex() 在 GL_POINTS 模式下绘制所有这些点。 然后我有一个球,它也有它的
我正在使用 Google CloudSQL 并具有以下简单代码: ;dbname=', 'root', '' ); $db->setAttribute ( PDO::ATTR_ERRMODE, PDO
我知道有几个类似的问题,但是,其中的示例并没有说明问题,或者我无法从中获利 - 我真可耻。 所以我的问题是在带有 GUI 的简单应用程序中加载图像。例如: 我在 "D:\javaeclipseprog
我对放置在表格单元格内的 div 有疑问。单元格具有固定的高度和 div 相对于 height:100% 定位。 jsfiddle example td { height:80px;
我正在抓取一些数据。 我需要的数据点之一是日期,但包含此数据的表格单元格仅包括月份和日期。幸运的是,年份被用作对表格进行分类的标题元素。 出于某种原因,year = table.find_elemen
我想要一个 DIV,最大 90% 高度或 90% 宽度。我只想将图片作为背景放入 DIV 中,并且完整的 svg-image 应该是可见的。在移动设备和桌面设备上。 CSS: .camera {
我是网页设计新手,想了解 CSS 中定位的概念。我对相对和绝对定位元素有一些了解。在下面的 fiddle 中,我有一个 作为 的父级.当我做 p position:absolute ,边框崩溃不像我
我在调整图像高度相对于浏览器窗口的大小时遇到了一些严重的困难——宽度可以很好地调整大小,但高度保持不变。我尝试过 height: 100% 和 height: auto,以及 height: 10
我是一名优秀的程序员,十分优秀!