`

iframe调用其他网站自适应

阅读更多
 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
  	    <meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title></title>
		<style type="text/css">
			body{
				margin:0;
				padding:0;
				overflow: hidden;
				}
		</style>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			
		
		$(function(){
			changeWH();
 		});
 
		function changeWH(){
	 
			$("#myiframe").height($(document).height());
			$("#myiframe").width($(document).width());
		}
	 
		window.onresize=function(){  
			 changeWH();  
	 
		} 
 
		</script>
	</head>
	<body>
		
		<iframe src="http://2018-10.oss-cn-hangzhou.aliyuncs.com/zcjr/index.html" id="myiframe"  frameborder="0">
		</iframe>
		
	</body>
</html>

 

 

分享到:
评论

相关推荐

    JS解决iframe之间通信和自适应高度的问题

    首先说明下,iframe通信 分为:同域通信 和 跨域通信。...的B.html页面,这两个页面数据进行通信,比如我想在父页面A.html 调用子页面当中的函数 我们很容易想到或者google下 document.getElementById('iframeA').co

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $(#iframeId).load(function () { var ...

    file模式访问网页时iframe高度自适应解决方案

    发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法:果然网页高度能够自适应(对于其他方案应该也有效果,我没有注意去尝试)感兴趣的朋友可以了解...

    教你用jquery实现iframe自适应高度

    iframe代码,注意要写ID 代码如下:&lt;iframe src=”test.html” id=”main” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”&gt;&lt;/iframe&gt;jquery代码一: 代码如下://注意:下面的代码...

    H5自适应DB科融证券官网源码 v1.0.0

    今天分享的这套企业宣传网站源码就是这个项目的官方网站源码,而且这套企业网站还有一个非常不错的功能就是通过iframe自适应的功能调用了DB中子币操盘系统的登录入口,这个很值得大家在设计框架结构时借鉴。...

    使用jQuery不判断浏览器高度解决iframe自适应高度问题

    这里介绍两个超级简单的方法,不用写什么判断浏览器高度、宽度啥的。 下面的两种方法自选其一就行了。一个是放在和iframe同页面的...//注意:下面的代码是放在和iframe同一个页面调用 $(“#main”).load(function(){ v

    跨域访问实现

    实现了 跨域访问,并且通过调用子系统页面实现了iframe 高度自适应

    jQuery.AsyncBox v1.4.5 API.chm

    - 支持静止定位、无限极模态与非模态组合、引用 URL、同域 Iframe 数据互通、位置重设、页面跟随、动态效果、自定义内容、普通拖动、克隆拖动、换肤、自动关闭与调用。 - 对话框内容自适应,有最大宽度限制。 - ...

    新浪在线html编辑器

    新浪在线html编辑器 功能简介: 1.添加图片时增加上传功能(ASP无组件上传) 2.加入了iframe自适应编辑器尺寸功能 3.IFRAME方式调用 用法类似eWebEditor

    动态的改变IFrame的高度实现IFrame自动伸展适应高度

    动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度

    淘宝内部优惠券广告展示系统 v1.0.zip

    淘宝内部优惠券广告展示系统简介 ... 淘宝内部优惠券广告展示系统特色说明: ...网站调用(iframe方式) 1. 用iframe方式调用。 淘宝内部优惠券广告展示系统页面展示 相关阅读 同类推荐:站长常用源码

    jQuery 多种对话框

    1、首先在页面中引入ymPrompt.js(如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js)。 2、然后根据需要显示的消息类型调用对应的函数: (1)Alert(content,width,height,title,okFunc,...

    artDialog_Demo

    25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式,以求拖动更流畅 27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息...

    MSSIframe:MSSIframe MSSUI单独脱离出来的一个外壳构架

    这个版本可以自适应手机 这是个做好的后台管理框架的最外面一层iframe嵌套,喜欢的人可以下载去用,不会的可以联系我 我不是什么大神,封装的能用,但不是最好,介意的别看.不介意的想用的自行下载. 对iframe提供了3...

    飞飞CMS影视导航系统 4.0.zip

    飞飞CMS影视导航系统 4.0 更新日志:2018-10-10新增vip影片的iframe播放页面增加检测是否有来路检测;新增用户呢称登录方式;增加采集apikey参数;增加豆瓣与中文分启API配置与申请链接功能;增加视频管理,批量设置...

    YodPHP 1.4.1.zip

    update:文件通用选择,支持跨域,允许第三方调用;部分服务器获取当前url异常情况兼容处理;tar解压,文件名过长兼容处理(路径大于100字符处理);图片预览大图处理;生成多级缩略图;权限组开启了文件下载权限,对应...

    VeryIDE Bee 互动营销**台 v1.5 UTF-8.rar

    增加 针对 PHPWind 8.7 禁用 IFrame 的问题,特别新增 UBB 调用表单引用代码,感谢 大唐网 提供建议 增加 表单新增用户选项组数据"显示到结果页"功能,感谢 大舟山网 提供建议 增加 "意见反馈"模块,可以应用于全...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...

    ExtAspNet_v2.3.2_dll

    -重构了示例网站的架构,目前只有一层IFrame结构。 -为TabStrip增加EnableTabCloseMenu属性,是否启用右键菜单,可用来关闭当前Tab和所有其他Tab。 -为NumberBox增加DecimalPrecision属性,用来控制小数点后的...

Global site tag (gtag.js) - Google Analytics