如何使用Iframe禁用其他URL打开的按钮？

Question

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

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

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>
   

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

怎么可能这样做？

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

Answer 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 of the Iframe using javaScript.?

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

Answer 2

我之前用了几个月..可能需要进行一些编辑：

<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;
}  

OTHER ALTERNATE AND A BETTER ONE