Javascript 删除iframe中加载的页面的div
我对javascript完全陌生,需要一些帮助。我需要从另一个页面中删除一个div元素,该页面通过Javascript 删除iframe中加载的页面的div,javascript,jquery,Javascript,Jquery,我对javascript完全陌生,需要一些帮助。我需要从另一个页面中删除一个div元素,该页面通过显示在我的页面上 这是我的页面代码 <html> <link rel="icon" href="favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> <head> <script l
显示在我的页面上
这是我的页面代码
<html>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<head>
<script language="javascript">
</script>
<title>TITLE</title>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden;
}
#content
{
position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
}
</style>
</head>
<body>
<div id="content">
<iframe width="100%" height="100%" frameborder="0" src="PAGE HERE"/>
</div>
</body>
</html>
标题
正文,html
{
边距:0;填充:0;高度:100%;溢出:隐藏;
}
#内容
{
位置:绝对;左侧:0;右侧:0;底部:0;顶部:0px;
}
我需要删除另一个网页的这个Div元素
<div comp="removepls">
编辑
无法编辑服务器上未托管的外部网站
$('iframe').contents().find("div[comp='removepls']").remove();
如果
iframe
的src
不是来自同一个域,并且与呈现它的页面使用相同的协议,那么您将无法访问该内容。这违反了同源策略
,是所有现代浏览器的安全功能。如果iframe
包含您使用相同的域和协议创建的页面,那么您可以使用jQuery查询iframe
,就像任何其他DOM
元素一样:$('iframe')
,或者您也可以给iframe
一个类或ID,并以这种方式进行查询。是的,为什么comp部分是什么?奇数。@donlaur是一个自定义的DOM
属性。约定是在任何自定义属性前面加上“data-”前缀,因此它应该读为“data comp”,但它仍然会以这种方式呈现。该“其他页面”是否与您的页面来自同一域?如果没有,你就不能操纵它的内容。那么就没有办法改变页面的内容了?有什么工作要做吗?请把你的问题说清楚。。。如果您正在加载的页面位于您控制的网站的框架中或从其他外部网站加载?如果是从另一个网站,比如cnn.com,那就没有办法了。@donlaur是的,这是一个外部网站。好的,谢谢@用户3499401是的,没错。此外,您将无法使用z-index
或任何东西进行旋转。如果您在页面上放置一个iframe
,它将显示提供商希望它显示的内容,底线lol。想想看:如果您创建了一个页面,并且您的HTML为某个银行网站提供了一个iframe,您是否能够访问该网站的cookie?你认为这安全吗?这就是原因。