iframe添加页面禁止跨域嵌套在自己页面,阻止iframe引用的网页自动跳转总结

今天下午开发最后一个页面,开始觉得很简单,之前毕竟也没用到过iframe,刚写起来发现很简单,几下就可以和后台调用数据,处理完成了,但是一个问题来了,就是我要在嵌入的这个页面加入一个header导航,能够返回之前的页面,发现怎么添加都会跳到iframe加载的地址页面,整整折腾了我一下午啊,特此在这里整理出我的解决办法,我也是通过百度得到的,在此记录下来,以供以后自己可以找到,顺便积累下一些问题的解决办法,下面上代码:

<iframe src="http://www.baidu.com" class="t-iframe" scrolling="no" security="restricted" sandbox="">
即增加两个:security="restricted" sandbox="",前者是IE的禁止js的功能,后者是HTML5的功能。刚好就可以让IE,Chrome,Firefox这三大浏览器都实现了禁止iframe的自动跳转
测试,非常好用,真的不跳转了!
本文来自于:http://zhidao.baidu.com/question/1691198871453954108.html?qbl=relate_question_0&word=iframe%B5%F7%D3%C3%D2%B3%C3%E6%2C%D4%F5%C3%B4%D7%E8%D6%B9%CC%F8%D7%AA%B5%BD%B5%F7%D3%C3%B5%C4%D2%B3%C3%E6&from=commentSubmit#answers2006112938
posted @ 2016-05-04 17:16  绿罗兰  阅读(2643)  评论(0编辑  收藏  举报