Iframe指定页面,并使其与该页面显示一致

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<script>
function setHeight(){
    var height = document.documentElement.scrollHeight;
    var width = document.documentElement.scrollWidth;
    document.getElementById("dialog_iframe").height= height;
    document.getElementById("dialog_iframe").width= width;
}
window.onload=setHeight;
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>调用页面</title>
<style type="text/css">
 body,html{
    overflow:hidden;
 }
</style>

</head>

<body >
  <div height="100%" style="margin:-16;">
   <iframe  id="dialog_iframe"  src="目标地址"   frameborder="0"></iframe>
</div>
</body>
</html>

IFrame宽高度设置与浏览器一致,

body,html{
    overflow:hidden;
 }  保证调用页面的滚动条隐藏,防止出现调用页面与被调用页面同时出现滚动条的情况。

另,<script>放在<!DOCTYPE html后,可让浏览器默认选择杂项(兼容)模式

时间: 2024-10-01 23:31:52

Iframe指定页面,并使其与该页面显示一致的相关文章

iframe结构的网站按F5刷新子页面的实现方式

有的网站或者后台系统由于页面有公共的部分,比如菜单,会把公共的部分放在一个页面,这里称之为父页面,而把具体的内容放入一个iframe中,之后的请求改变iframe的内容.但是这样会有一个问题,因为浏览器的url是父页面的链接,当你按F5刷新的时候,并不是刷新iframe所对应的页面,而是刷新了父页面,使系统回到了最初的位置,这样对操作是很不爽的. 比如,页面的格式是这样的. 其中index是父页面,main_ifram是iframe对应的页面. 在index的部分,添加如下js代码,用来监听在i

页面滚动到一定位置时才显示在指定位置上的元素的jquery代码

当前可视窗口的顶部到页面的顶部高度+可视页面的高度>元素的绝对高度+元素自身高度时,显示当前元素. 页面滚动到一定位置时才显示在指定位置上的元素! 将$(".timeline.animated .timeline-row")换成指定的选择器即可! (function() {  $(document).ready(function() {    var timelineAnimate;    timelineAnimate = function(elem) {      retur

iframe中子页面通过js计算高度(使得页面不会显示不全)

使用过iframe的人,都知道,它是一个模版,里面有一个iframe,而iframe当中,是可以嵌套多个页面的.(比较常见的问题,就是iframe页面中,经常会出现内容显示不全的时候). 谨记,通过js去计算高度,最最要紧的就是,包着所有元素包住了里面的元素,也就是body的高度.其他元素的高度都是存在,一般只要记住清除浮动应该就不会有什么问题(这是我的老毛病,故而要告诉别人防患于未然). 下面这段脚本是直接放在子页面里面的 <script type="text/javascript&qu

IE中,多次弹出Pop页面,光标无法落入Pop页面中的Input,导致无法输入

之前用JQuery开发了一个弹出框的插件,可用于Pop页面,里面是用的Iframe.但是最近用IE测试发现,第一次弹出Pop页面可以正常使用,关闭Pop页面,再次打开后,页面中的input文本框无法落入光标,导致没办法输入.苦思许久,百度谷歌了许久,最后终于解决了. Chrome测试没有问题,IE有,那证明是IE的问题了.果然,是IE的问题.我们知道,关闭Pop页面其实就是从dom中把Pop这个Div移除.但是IE移除了Div,可Div里面的iframe还在Dom树上,当再次弹出Pop页面又会创

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(下篇——多页面VueSSR+热更新Server)

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(下篇--多页面VueSSR+热更新Server) @(HTML/JS) 这是Vue多页面框架系列文章的第二篇,上一篇(纯前端Vue多页面)中,我们尝试从webpack-simple原型项目改造为一个多页面的Vue项目.而这里,我们继续往前,尝试把Vue多页面改造为Nodejs直出.由于步骤较多,所以本文片幅较长. 本文源代码:https://github.com/kenkozheng/HTML5_research/tr

Struts2的入门案例(Struts2的配置和页面跳转,以及对页面输入的信息进行判断)

Struts2配置: <?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/

如何判断一个APP页面是原生的还是H5页面

来源:http://www.25xt.com/appdesign/11851.html Hybrid APP指的是半原生半Web的混合类App.需要下载安装,看上去类似Native App,但只有很少的UI Web View,访问的内容是 Web . 原生是Native APP,H5就是Web App 在Hybrid 当中,如何快速的判断一个APP页面是原生的还是H5页面呢? 1.看断网的情况 把手机的网络断掉.然后点开页面.然后可以正常显示的东西就是原生写的. 显示404或则错误页面的是htm

话说404页面:为什么要设置404页面?

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因.404错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面. 404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任.404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误.如果站长没有设置404页面,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录.设置404有两个好处:1.引导用户不要关闭网站,增强用户体验. 2.防止网站出现死链接. 当用户输

eclipse在search的时候,通过search打开的页面会覆盖之前打开的页面

eclipse在search的时候,通过search打开的页面会覆盖之前打开的页面,如果不想覆盖的话,可以这么设置: Window->Preferences->General->Search 取消勾选Reuse editors to show matches

JS 用window.open()函数,父级页面如何取到子级页面的返回值?

父窗口:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script> <script type=&quo