html iframe标签支持手机端展示

Love The Way You Lie 2022-08-28 11:42 207阅读 0赞

1. 获取iframe标签属性 sandbox

默认

<table> 
 <tbody> 
  <tr> 
   <td>""</td> 
   <td>应用以下所有的限制。</td> 
  </tr> 
  <tr> 
   <td>allow-same-origin</td> 
   <td>允许 iframe 内容被视为与包含文档有相同的来源。</td> 
  </tr> 
  <tr> 
   <td>allow-top-navigation</td> 
   <td>允许 iframe 内容从包含文档导航（加载）内容。</td> 
  </tr> 
  <tr> 
   <td>allow-forms</td> 
   <td>允许表单提交。</td> 
  </tr> 
  <tr> 
   <td>allow-scripts</td> 
   <td>允许脚本执行。</td> 
  </tr> 
 </tbody> 
</table>

JQ设置手机端和电脑端的展示

var isMobile = {
    		Android: function () {
    			return navigator.userAgent.match(/Android/i) ? true : false;
    		},
    		BlackBerry: function () {
    			return navigator.userAgent.match(/BlackBerry/i) ? true : false;
    		},
    		iOS: function () {
    			return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
    		},
    		Windows: function () {
    			return navigator.userAgent.match(/IEMobile/i) ? true : false;
    		},
    		any: function () {
    			return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
    		}
    	};
    	if (isMobile.any()) {
    		//如果是手机访问的话的操作！
    		var iframepage = document.getElementById('iframepage');
    		$("#iframepage").attr("sandbox", "allow-forms allow-same-origin allow-top-navigation");
    	} else {
    		var iframepage = document.getElementById('iframepage');
    		$("#iframepage").attr("sandbox","allow-scripts allow-forms allow-same-origin allow-top-navigation");
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，207人围观）

还没有评论，来说两句吧...

相关阅读

相关【Java】智慧工地云平台源码支持多端展示（PC端、手机端、平板端）

> 智慧工地系统实现工地的数字化、精细化、智慧化生产和管理。 ![07278258f37c4f9f90e6c1be32b79828.gif][] 一、智慧工地发展趋势

野性酷女/ 2024年02月19日 11:52/ 0 赞/ 60 阅读

相关详解HTML内联标签iframe的使用

Iframe内联框架 iframe是HTML标签，它可以把一个网页的框架和内容，嵌入在现有的网页中，也就是说，我们可以在自己的网页中加载别人的网站，当然，iframe标签

淡淡的烟草味﹌/ 2023年10月08日 21:22/ 0 赞/ 3 阅读

相关网站后台展示页面（html标签-框架标签）

一般网站页面在设计的时候分为前端页面和后端页面，前端页面因为是直接展示给用户的，所以需要美观，后台页面是给管理员使用的，一般对于美观性要求比较低，简单简洁可以使用即

拼搏现实的明天。/ 2023年07月02日 06:21/ 0 赞/ 34 阅读

相关 html手机端适配

文章目录 1.手机端网页宽度不对 1.手机端网页宽度不对在html的head中加上下面这句 <!DOCTYPE html> <html>

川长思鸟来/ 2022年09月11日 01:16/ 0 赞/ 254 阅读

相关 html iframe标签支持手机端展示

1. 获取iframe标签属性 sandbox 默认 <table> <tbody> <tr> <td>""</td> <td>应用以下所有的限

Love The Way You Lie/ 2022年08月28日 11:42/ 0 赞/ 208 阅读

相关 iframe标签

1.<iframe>优点：解决加载缓慢的第三方内容如图标和广告等的加载问题 Security sandbox

╰+哭是因爲堅強的太久メ/ 2022年07月15日 08:52/ 0 赞/ 214 阅读

相关 html 标签a 如何跳出iframe

今晚编代码的时候碰到这个问题：iframe里的网页有个a标签，a标签是链接到不在iframe的目标网页，然后发现执行一次后，并没有跳出iframe但是能到那个目标网页。 --

比眉伴天荒/ 2022年06月04日 06:50/ 0 赞/ 463 阅读

相关 HTML iframe 标签的 src 属性

[http://www.w3school.com.cn/tags/att\_iframe\_src.asp][http_www.w3school.com.cn_tags_att

桃扇骨/ 2022年03月26日 08:44/ 0 赞/ 319 阅读

相关 html 内嵌标签iframe

内嵌标签:在当前网页内加载另一个网页的资源，多个网页互不干扰 <iframe></iframe> 属性: src

系统管理员/ 2021年07月24日 22:10/ 0 赞/ 470 阅读

相关 HTML <iframe>标签

此标签用于创建一个行内框架，可以引入外部的网页文档。 `<frame>`与`</frame>`之间可以包含文本，不过这些内容是当浏览器不支持此标签时才会显示。

小灰灰/ 2020年05月16日 19:15/ 0 赞/ 780 阅读