在离子状态下更改iframe的iframe内容

我想使用离子建立我的网页的移动版本。我计划通过加载我的iframe中的网页视图中像这样这样做：在离子状态下更改iframe的iframe内容

<iframe src="http://www.mywebsite.com" />

但问题是，我想隐藏的iframe中加载一些元素。我尝试将CSS类应用于iframe并关闭元素的可见性，但显然，我无法将CSS应用于iframe的子元素。如果它是一个网页，我可以写一个jQuery方法来隐藏元素。但是我怎样才能在离子中实现这一点？

来源

2014-11-15 Eddard Stark

iFrame中不应该被用来显示你的网站的移动版本。你也不应该尝试使用iframe来加载任何完整的网页。有很多更好的选择，请看看这个。我求你 – EasyBB

如果http://www.mywebsite.com是您的网站，您可以添加JavaScript来隐藏一些元素，如果在iframe中mywebsite.com本身。

注意：这假设您总是希望隐藏它，如果它在iframe中。

来源

2014-11-15 01:42:28

不，我不能总是隐藏这个元素，我只是希望它在页面呈现在我的应用程序中时消失。 –

你可以尝试以下

<ion-view title="News" hide-nav-bar="true" class="has-header"> 
    <ion-content class="has-header" padding="false"> 

<iframe src="http://www.mywebsite.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 
    Your browser doesn't support IFrames 
</iframe>` 

    </ion-content> 
</ion-view>

来源

2015-01-13 16:29:45

在离子状态下更改iframe的iframe内容

回答

相关问题