JAVASCRIPT解决跨域自适应宽度和高度在线效果演示

说明

解决跨域调用的原理,请点击这里进入

下面灰色边框为本页面的DIV,为了突出演示效果边框大小变化时会有明显的停顿。

可以点击最下方的切换至实战模式演示,引入了jQuery的动画(animate)效果更佳

本页面源代码没有压缩,方便网友右键查看源文件

如需完整的传值交互演示:点击这里JAVASCRIPT解决跨域相互传参效果演示

演示效果

当前是演示效果,点击切换至实战动画效果

原理

通过内部包含的iframe改变当前页面的锚标记来传递信息。更详细请见解决跨域调用的原理,请点击这里进入

注意

当前演示的例子,对于高度的自适应兼容性还存在问题,本例子只是提供一种跨域传递信息的思路,希望对各位感兴趣的网友有所帮助。

关于完整的跨域互传参数的解决方案演示地址详见:完整的跨域互传参数的解决演示地址

本示例代码由 http://www.goodxyx.com 提供

如果您觉得值得收藏,不要吝啬你的鼠标分享给您的朋友吧!