0

我正在使用 iframe 打开另一个 Web 服务。在那里用户可以查看目标链接的完整导航。但我不想阻止用户查看完整的导航。

目标 URL 中有五个项目，如下所示：

  1. 概述
  2. 通话记录
  3. 特里夫
  4. 支付

  5. 登出

    <iframe id="subframe" frameborder="0" scrolling="no" src="login.aspx" style="float: left;height: 754px; margin-left: 118px;  width: 727px;"  ></iframe>

现在我想要的是，只允许用户查看通话记录。

这怎么可能呢？

可以采取哪些步骤来执行所有这些？

4

2 回答 2

1

如果服务在您自己的域中，您可以像这样访问框架 DOM：

var myFrame = frames["myFrame"]

var cssLink = document.createElement("link") 
cssLink.href = "iframeStyles.css"; /* change this to the url for a stylesheet targetting the iframe */
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['myFrame'].document.body.appendChild(cssLink);

另请参阅此问题： How to add CSS class and control elements inside the Iframe using javaScript.?

如果 iframe 从另一个域加载页面，您可能不会更改它，因为这将违反同源策略。

于 2013-06-20T07:48:34.740 回答
0

我在几个月前使用过这个。可能需要进行一些编辑： 

<div id="IframeWrapper">
<div id="iframeBlocker">
</div>
<iframe id="mainframe" src="http://www.xyz.com/"></iframe>
</div>

CSS：- 

#IframeWrapper
{
    position: relative;
}

#iframeBlocker
{
    position: absolute;
    top: 0;
    left: 0;
    width: 700px;
    height: 450px;
}

#mainframe
{
    overflow: hidden;
    border-width: 0px;
}

其他替代品和更好的

于 2013-06-20T07:56:55.720 回答