Question

当我的html页面在iframe中打开时，我想display: none，save按钮。

我该怎么做？

此链接可能对我有帮助，但我不理解这个link。

iframe代码

<HTML>  
 <BODY>
   <iframe id="myiFrame" src="file:///C:/Users/Prashant/Desktop/test.html"> </iframe>
  </BODY>
</HTML>

的test.html

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <HTML>
   <BODY>
         <button id="hideInIframe" >save</button>
         <button id="getData" >get</button>
   </BODY>
 </HTML>

Answer 1

使用此：

if ( window.self !== window.top ) {
// you're in an iframe
}

最后：

if ( window.self !== window.top ) {
  $("#hideInIframe").css('display','none');
}

这样，每次test.html都在iframe（你自己或其他任何人）中时，保存按钮都是隐藏的。

Answer 2

在 test.html 中添加此脚本并执行一项更改，将名称属性添加到iframe对象：

<iframe id="myiFrame" id="myiFrame" src="file:///C:/Users/Prashant/Desktop/test.html"> </iframe>

然后添加此脚本。

<script>
   document.addEventListener('DOMContentLoaded', function(){
      if(window.name === 'myiFrame'){
        document.querySelector('#hideInIframe').style.display = 'none';
      }
   });
</script>

如何在iframe中打开页面时隐藏按钮？

2 个答案: