阻止iframe内的网页跳出方法

阻止iframe内的网页跳出方法

一个常见的应用场景:用iframe嵌入其他网站视频,往往点击视频会跳出到视频网站。

用下面这个方法可以阻止iframe内的网页跳出。

给iframe标签添加sandbox属性,属性值一般设置为"allow-scripts allow-same-origin"。

<iframe src="#" sandbox="allow-scripts allow-same-origin"></iframe>

如果想用JS来控制,可以使用以下代码(jquery):

<script type="text/javascript">
  if ( undefined !== window.jQuery ) {
    jQuery(document).ready(function(){
        jQuery('iframe').attr('sandbox', 'allow-scripts  allow-same-origin');//添加sandbox属性
         jQuery('iframe').attr("src", jQuery('iframe').attr("src"));//重新加载
        });
  }
</script>
版权声明:kkvexl 发表于 9月 6, 2021 2:38 下午。
转载请注明:阻止iframe内的网页跳出方法 | WP之家

相关文章

暂无评论

暂无评论...