c# - 如何使用 iframe 禁用其他 URL 打开的按钮？

Question

我正在使用 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>
   

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

这怎么可能呢？

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

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

其他替代品和更好的