iframedemo
所属分类:WEB开发
开发工具:HTML
文件大小:100KB
下载次数:1
上传日期:2017-09-14 11:35:47
上 传 者:
咯婆婆
说明: iframe跨域,根据子页面自适应iframe高度
(Iframe cross domain, adaptive iframe height based on sub pages)
文件列表:
iframe高度自适应\demo01\domain\a.html (285, 2016-04-24)
iframe高度自适应\demo01\subdomain\b.html (995, 2016-04-24)
iframe高度自适应\demo01\实测有效,可用于相同主域下的不同子域.txt (0, 2017-08-16)
iframe高度自适应\demo02\domain1\a.html (511, 2016-04-24)
iframe高度自适应\demo02\domain2\b.html (885, 2016-04-24)
iframe高度自适应\demo02\实测有效,可用于完全不同的域名.txt (0, 2017-08-16)
iframe高度自适应\demo03\domain1\a.html (586, 2016-04-24)
iframe高度自适应\demo03\domain1\c.html (386, 2016-04-24)
iframe高度自适应\demo03\domain2\b.html (1025, 2016-04-24)
iframe高度自适应\demo03\实测有效,可用于完全不同的域名.txt (0, 2017-08-16)
iframe高度自适应\demo04\domain1\a.html (484, 2016-04-24)
iframe高度自适应\demo04\domain1\js\iframeResizer.min.js (11841, 2016-04-24)
iframe高度自适应\demo04\domain1\js\jquery-1.12.3.min.js (97180, 2016-04-24)
iframe高度自适应\demo04\domain2\b.html (862, 2016-04-24)
iframe高度自适应\demo04\domain2\js\iframeResizer.contentWindow.min.js (13466, 2016-04-24)
iframe高度自适应\demo04\domain2\js\jquery-1.12.3.min.js (97180, 2016-04-24)
iframe高度自适应\demo04\实测有效,可用于完全不同的域名.txt (0, 2017-08-16)
iframe高度自适应\src\images\photo.jpeg (20372, 2016-04-24)
iframe高度自适应\demo04\domain1\js (0, 2017-06-19)
iframe高度自适应\demo04\domain2\js (0, 2017-06-19)
iframe高度自适应\demo01\domain (0, 2017-06-19)
iframe高度自适应\demo01\subdomain (0, 2017-06-19)
iframe高度自适应\demo02\domain1 (0, 2017-06-19)
iframe高度自适应\demo02\domain2 (0, 2017-06-19)
iframe高度自适应\demo03\domain1 (0, 2017-06-19)
iframe高度自适应\demo03\domain2 (0, 2017-06-19)
iframe高度自适应\demo04\domain1 (0, 2017-06-19)
iframe高度自适应\demo04\domain2 (0, 2017-06-19)
iframe高度自适应\src\images (0, 2017-06-19)
iframe高度自适应\demo01 (0, 2017-08-16)
iframe高度自适应\demo02 (0, 2017-08-16)
iframe高度自适应\demo03 (0, 2017-08-16)
iframe高度自适应\demo04 (0, 2017-08-16)
iframe高度自适应\src (0, 2017-05-17)
iframe高度自适应 (0, 2017-06-19)
## iframe-resizer-demo
Resize an iframe from another domain in multiple ways
## How to use
Copy the repo into your disk.
```bash
$ git clone https://github.com/aaronpan/iframe-resizer-demo.git
```
Then play with the source files under the repo's demo* directories.
## Index
1. [Subdomain iframe resize](#demo01-subdomain-iframe-resize)
1. [Use postMessage](#demo02-use-postmessage)
1. [Web proxy for cross-domain iframe resize](#demo03-web-proxy-for-cross-domain-iframe-resize)
1. [Use iframe-resizer library](#demo04-use-iframe-resizer-library)
---
## Demo01: Subdomain iframe resize
a.html in domain sub1.aaron.com.
b.html in domain sub2.aaron.com.
a embed b
This demo only works for subdomain cross-iframe.
## Demo02: Use postMessage
a.html in domain domain1.com.
b.html in domain domain2.com.
a embed b
Use HTML5 postMessage.
Support: Internet Explorer 8, Firefox 3, Opera 9, Chrome 3’ Safari 4.
## Demo03: Web proxy for cross-domain iframe resize
a.html and c.html in domain domain1.com.
b.html in domain domain2.com.
a embed b
b embed c
## Demo04: Use iframe-resizer library
a.html in domain domain1.com.
b.html in domain domain2.com.
a embed b
Dependency free, IE8+
## Related Projects
- [jquery](https://github.com/jquery/jquery/tree/1.12-stable)
- [iframe-resizer](https://github.com/davidjbradshaw/iframe-resizer)
## License
MIT
近期下载者:
相关文件:
收藏者: