但问题是我想隐藏一些加载到iframe中的元素。我尝试将css类应用于iframe并关闭元素的可见性,但显然,我不能将css应用于iframe的子元素。如果它是一个网页,我可以只编写一个jquery方法来隐藏元素。但是我如何">
我想用ionic建立我的网页的移动版本。我计划这样做,在iframe上加载我的网页,视图如下:
<iframe src="http://www.mywebsite.com" />
但问题是我想隐藏一些加载到iframe中的元素。我尝试将css类应用于iframe并关闭元素的可见性,但显然,我不能将css应用于iframe的子元素。如果它是一个网页,我可以只编写一个jquery方法来隐藏元素。但是我如何在ionic中实现这一点呢?
发布于 2014-11-15 01:42:28
如果你的网站是javascript,你可以在mywebsite.com中添加javascript来隐藏一些元素。
注意:这假设如果它在iframe中,您总是想要隐藏它。
发布于 2019-02-26 23:49:55
在www.mywebsite.com网站上,您需要添加以下javascript函数
window.onload = function () {
if (document.readyState === 'complete') {
if (getParameterByName('showElement') == "false") {
hideElement();
}
}
}
function hideElement() {
var element = document.getElementsByClassName("element-class-to-hide")[0];
element.style.display = 'none';
}
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
然后,在您的ionic应用程序中,您希望调用嵌入在get调用中的javascript方法,如下所示。
<ion-content>
<iframe src="http://www.mywebsite.com?showElement=false"/>
</ion-content>
发布于 2015-01-13 16:29:46
您可以尝试执行以下操作
<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>
https://stackoverflow.com/questions/26941566
复制