Remove iframe with javascript

2019-02-21 13:50发布

站内问答 / JavaScript
1528 4 4

I am trying to remove iFrame tags in my documents. This is the function. But it don't seem to work. Here is my sample code

<script>
function removeiframe() {
            alert("Hello Lovely World");
            var markup = document.body.innerHTML;

            var filtered=markup.replace(/(<iframe.*?>.*?<\/iframe>)/g,"");
            alert("he: " + markup);
//markup = Regex.Replace(markup, @"<script.*?/script>", "", RegexOptions.IgnoreCase);
//markup = Regex.Replace(markup, @"<iframe.*?/iframe>", "", RegexOptions.IgnoreCase);
markup = filtered;
document.body.innerHTML = markup + "<hr><hr>HELLO";
        }
</script>
<body onload="removeiframe()">

        <iframe marginheight="0" src="http://www.metalgearrisingguide.com" marginwidth="0" frameborder="0" height="180" scrolling="no" width="210"></iframe><br>
</body>

4条回答
爷、活的狠高调
2楼-- · 2019-02-21 14:16

Pure Javascript code:

document.querySelectorAll('iframe').forEach(
  function(elem){
    elem.parentNode.removeChild(elem);
});
查看更多
0人赞 添加讨论(0) 举报
别忘想泡老子
3楼-- · 2019-02-21 14:31

You should put the iframe inside of a div element.

<div id="kk">
  //your iframe
</div>

Then use jQuery to remove the iframe.

$('#kk').click(function(){
   $(this).html("");
});

This is a possible solution.

查看更多
0人赞 添加讨论(0) 举报
时光不老，我们不散
4楼-- · 2019-02-21 14:34

You didn't mention why you need to remove iframes in the document.

I do it in order to prevent Clickjacking attack. But it will work in any cases.

You need this:

<style id="defendClickjack" type="text/css">body{display:none;}</style>

and then

<script type="text/javascript">
    if (self === top) {
        var defendClickjack = document.getElementById("defendClickjack");
        antiClickjack.parentNode.removeChild(defendClickjack);
    }
    else {
        top.location = self.location;
    }
</script>

You can find more information here:

查看更多
0人赞 添加讨论(0) 举报
放荡不羁爱自由
5楼-- · 2019-02-21 14:43

Here's a script you can run that will remove all the iframes from your document. Here's an example of this working: http://jsfiddle.net/5hh9H/

var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].parentNode.removeChild(iframes[i]);
}
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)