解决HTML/JSP页面中 iFrame 高度设置100%无效的一种方式

已于 2023-03-31 11:32:26 修改
阅读量1.3k 收藏 2
点赞数
分类专栏： 前端驿站 文章标签： jsp iframe
于 2021-09-17 11:50:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ying_ph/article/details/120346179
版权

如果jsp页面的文档标准为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

效果: 只显示一点

这个时，设置高度为100%时无效。所以必须页面标准设置为：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

效果: 100%全屏显示

去除内嵌页面左边轮动条

style="overflow-x:hidden;overflow-y:hidden"

hidden就是隐藏

<body marginwidth="0" marginheight="0" style="overflow-x:hidden;overflow-y:hidden">
        <iframe src="https://www.996.icu" style="height:100%;width:100%"></iframe>
    
</body>

一枚小蜗牛H
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jsp页面iframe高度自适应的js代码
01-08
以下操作写在body里面，form表单外 <iframe id=agentFrame name=agentFrame src= width=0 height=0 style=display:none; ></iframe> [removed] function sethash(){ hashH = document.documentElement.scrollHeight; //获取自身高度 urlC = /test.jsp; //设置iframeA的src document.getElementById(agentF
html iframe自动高度,真正解决iframe高度自适应问题
weixin_33826994的博客
06-02 3853
1.前言解决iframe高度自适应问题有两种方法1.pym2.手动设置iframe的高度本文主要是总结第二种实现方式，因为第一种pym.js插件我没用懂如果使用iframe时，遇到以下的需求：iframe的高度始终等于嵌入页面内容的高度，而不是屏幕的高度右侧不允许出现两个滚动条iframe的高度自适应不仅仅是指刚加载进来时，也有可能嵌入内容的高度会随点击变化(如：下拉菜单，左侧导航栏等)页面可能同...
iframe自适应高度
zhu_menglu的博客
04-12 4301
其中，padding-bottom的值需要根据iframe的宽高比来计算，例如，如果iframe的宽高比为16:9，则padding-bottom的值为56.25%（9除以16乘以100%）。可以设置iframe标签的高度为0，然后使用padding-bottom属性来设置iframe标签的高度，使其按照原来的比例自适应。这样，当浏览器窗口大小改变时，iframe标签的高度会自动按照原来的比例进行调整，从而实现自适应效果。
html中使用iframe框架嵌套高度自适应
qq_45532769的博客
12-25 1064
html中使用iframe框架嵌套高度自适应
HTML iframe标签以及其高度问题
mengxianglong123的博客
03-03 3481
iframe基本概念 其实它就是在本页面应用另一个页面，让被引用的页面成为当前页面的一部分。 基本用法 &lt;iframe src="demo.html" height="300" width="500" name="demo" scrolling="auto" sandbox="allow-same-origin"&gt;&lt;/iframe&
解决iframe框架的高度
lvgaolong的专栏
11-24 956
开发的系统页面用的是iframe框架，通过在父页面加下面JS可解决加载的时候只有父窗口的滚动条 $(function () { $("#MainFrm").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this
HTML教程：如何设置Iframe自适应高度
qq_25150607的专栏
03-13 574
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大 家一种iframe动态调整高度的方法，主要是以下JS函数： 一、程序代码 　　function SetWinHeight(obj) 　　{
6种iframe高度自适应的方法
热门推荐
web前端开发
03-12 2万+
js自适应高度，实际上就是设置iframe的高度，设置等于内嵌网页的高度，从而看不到滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。我们可以通过css来给它直接定义一个高度，同样可以...
配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。
09-13
配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。配置文件见我的博客！
Jsp中解决session过期跳转到登陆页面并跳出iframe框架的方法
01-08
当session过期后可以用过滤器来设置重定向页面 代码如下:public class ActionFilter extends HttpServlet implements Filter {private FilterConfig filterConfig;public void init(FilterConfig config) {this....
jQuery在html有效在jsp无效的原因及解决方法
10-27
最近用jQuery来写下拉框的选项值的左右移动，放到jsp里面就不能用了，经过测试终于找到了解决方法在此与大家分享下
npm安装淘宝镜像&安装Vue脚手架
普通人一枚
04-13 5374
1.通过cnpm使用淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 2.将npm设置为淘宝镜像： npm config set registry https://registry.npm.taobao.org 3. 查看cnpm镜像设置： npm config get registry 4.查看cnpm镜像设置： cnpm config get registry 5...
JSON和文件上传
普通人一枚
02-26 4624
JSON 1.1. JSON简介 JSON是一种轻量级的数据传输格式，解析简单 方便阅读 JSON中支持的数据类型：string，数值，布尔，JSON对象，数组，null 语法： key :value 上下键值对之间使用逗号隔开 KEY使用双引号引起来，字符串类型的数据都是使用双引号引起来 对象使用{} 数组使用[ ] 1.2.Java对JSON的处理 Java中并没有内置JSON的解析，因此使用JSON需要借助第三方类库。 下面是几个常用的 JSON 解析类库： Gson: 谷歌开
formatter function （value,row,index）{ } 参数的含义
普通人一枚
09-07 4224
datagarid的formatter属性 formatter : function(value,row,index) { if (value == '1') { return "提交"; }else if (value == '99') { return "完成"; }else{ return "保存"; } } formatter 属于列参数，表示对于当前列的数据进行格式化操作，它是一个函数，有三个参数，分别是value，row,inde
ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决
最新发布
普通人一枚
07-03 2692
ruoyi vue部署服务器，点击刷新、退出报404和nginx欢迎页面不是主页问题
$(‘#id‘).val() 作用JSP＜input＞获取controller参数,JS获取JSP参数
普通人一枚
09-02 2206
JSP:页面 <input type="hidden" id="idcard" name="idcard" value="${idcard}"/> value="${idcard}": 获取请求参数 JS页面: me.idcard = $('#idcard').val(); 查找JSP中<input>的id,$('#idcard').val(), 获取参数值
input标签中对时间格式化
普通人一枚
09-13 2197
< input type="text" value="<fmt:formatDate value='${equipment.equInstallTime}' pattern='yyyy-MM-dd'/>" />
在html页面中实现jsp的<%@include file="/common/utop.jsp"%>
06-01
在 HTML 页面中引用 JSP 文件可以通过以下步骤实现： 1. 在 HTML 页面中添加以下代码： ``` <%@ include file="/common/utop.jsp" %> ``` 其中，`/common/utop.jsp` 是要引用的 JSP 文件路径。 2. 将 HTML 文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值