在iFrame中设置基本标签,在域名URL中设置几个部分
Set base tag in iFrame with several parts in domain URL
我正在开发一个Angular应用程序。我有一个iFrame并设置其包含相对链接的innerHTML,所以我决定在iFrame的头标签中添加base标签,我在脚本/控制器中编写的代码如下:
$scope.content = $scope.selectedSitePage.html.value;
var baseTag = document.createElement('base');
var prependURL = "http://232.17.43.22/sharepoint.xyz.net/";
baseTag.href = prependURL ;
$('#frameContent').contents().find('head').append(baseTag);
在HTML : <iframe id="frameContent" frame-content="content"></iframe>
frameContent是一个指令:
.directive('frameContent', function () {
return { scope: { "content":"=content" },
link: function link(scope, element) {
element.get(0).contentWindow.document.body.innerHTML = scope.content; } }
});
ISSUE:是,如果我有一个相对的URL在img src '/_layout/abc.png',它不会出现,因为请求去'http://232.17.43.22/_layout/abc.png',但它必须是'http://232.17.43.22/sharepoint.xyz.net/_layout/abc.png'
所以我的问题,我怎么能避免切片base href在第一个斜杠之后?
在你的相对路径中丢掉初始的正斜杠就可以了
<img src='_layout/abc.png' alt='an image text' />
阅读更多:在html中开始使用"href"
使用link/href的简单示例效果相同。
如果你悬停链接并检查url地址,你会看到差异。
<html>
<head>
<base href='http://232.17.43.22/sharepoint.xyz.net/' />
</head>
<body>
<a href='_layout/abc.png'>Relative path with no "/"</a><br /><br />
<a href='/_layout/abc.png'>Absolute path with "/"</a>
</body>
</html>
相关文章:
- 操作员”;新的“;根据我想在几个JavaScript文件中使用的类,在JavaScript中使用
- 在数组中的一个元素上设置多个值
- 可以't将几个数字设置为<输入类型=“;数字“>
- 如何设置第一个手风琴面板关闭
- 当加载几个js文件时,defer属性应该如何工作
- 使用 JavaScript 一次为一个元素设置多个属性
- 使用几个<脚本>标签不会't工作-只调用一个脚本
- 如何从数组中删除几个相同的项
- 包括php文件和几个js文件
- 在条件中的几个时间行中设置自定义css效果后,从Jquery时间选择器显示时间
- 在jQuery中使用单个输入来设置几个不同选项的值
- 在javascript中为几个页面设置一个cookie
- 如何在同一页面中设置几个图像滑动器
- 在iFrame中设置基本标签,在域名URL中设置几个部分
- 为什么我设置cookie时有几个重复的条目
- Javascript:下载图像一次,将其设置为src或背景几个对象
- 覆盖套接字侦听器(设置几个类似的侦听器)
- 如何只删除我的域设置的cookie的一部分(为其他应用程序设置的其他几个cookie)
- requirejs:有没有一种方法可以设置几个位置来搜索1个资源
- 谷歌图表API, AnnotatedTimeline:正确设置几个系列和尺度