iframe以全屏的方式引入一个页面-低调大师

iframe以全屏的方式引入一个页面

2018-02-28 623

大家知道使用iframe可以引入一个页面，但是在默认状态下，iframe的宽度并不是全屏状态的。

这样的话，可能会严重影响我们的预览效果，下面就分享一段代码实例，它实现了全屏引入页面你的效果。

代码实例如下:

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>蚂蚁部落</title>

<style>

body{

margin:0;

padding:0;

overflow-y:hidden

}

</style>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">

window.onerror=function(){return true;}

$(function(){

headerH = 0;

var h=$(window).height();

$("#iframe").height((h-headerH)+"px");

});

</script>

</head>

<body>

<iframe id="iframe" frameborder="0" src="http://www.softwhy.com" style="width:100%;"></iframe>

</body>

</html>

原文发布时间为：2018-03-21

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接： iframe以全屏的方式引入一个页面

微信关注我们

原文链接：https://yq.aliyun.com/articles/559095

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

input:file上传类型控制简单介绍

<input type="file">可以上传文件，这个就不用多介绍了。其实我们使用此控件可以进行上传文件格式的控制。特别说明:在实际应用中，不但要在前端进行验证，后端也是要进行验证的。一.此控件两个主要属性: 属性值有以下几个比较常用： accept:表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple:是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。 1.accept: 只能选择png和gif图片 1 < input id = "fileId1" type = "file" accept = "image/png,image/gif" name = "file" /> 2.multiple: 多文件上传 1 < input id = "fileId2" type = "file" multiple = "multiple" name = "file" /> 3.常用MIME类型: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 ...

2018-03-01

697

解决php项目中session失效的方法今天下班坐班车，快到站的时候，上家公司的leader发了个qq给我，意思是救火，下车后回来在电脑上详细问了下，leader的描述如下 [cpp] view plain copy 这个地址你帮我看下为啥上传完试卷发布任务设置答题卡的时候session就没了因为这个项目一开始后台都是我一人开发的，因此很快就找到了问题所在。流程为：用户通过js组件上传试卷，在上传试卷的方法中通过session存储刚刚上传的试卷详细信息，如名称、后缀、存入资源表的ID等，上传成功后，再点击页面上的其他选项，如学校、年级、难易度等，最后点击提交，在提交处理的方法里，一开始便判断刚刚上传的session值是否存在，不存在便跳到试卷首页。我在此方法中打印了$_SESSION，没有值，奇怪了，以前还是好好的。于是我问了下，啥时候开始的，leader说下午快下班时，老师打电话说上传试卷设置答题卡不成功，老跳转。接着又问了下，动服务器环境了么，leader说没有。既然出现了问题，那就解决问题呗。正好这段时间在看《PHP核心技术与最佳实践》一书，里面就对session和cook...

2018-03-01

566

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。