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

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

2018-02-28 674

大家知道使用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-02-28

742

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

2018-02-28

680

资源下载

更多资源

Mario

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

腾讯云软件源

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。