HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5从iFrame调用父JavaScript函数的方法 – 除了使用postMessage之外?或PhoneGap应用程序的解决方案?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我们知道对窗口间通信施加的跨域限制以及在 HTML5中引入postmessage.

但是,我们想知道iFrame是否还有其他方法可以调用其父窗口中定义的JavaScript函数.

我们发现postmessage对于调用多个方法有点笨拙,每个方法都需要多个参数.

如果不存在HTML5替代方案,则可以在PhoneGap中提供解决方案.

@H_349_5@phoneGap详细信息:

我们在PhoneGap“index.html”页面中嵌入了一个iFrame.

从“index.html”,我们可以在iFrame中调用JavaScript函数或访问变量.

但是我们不能从iFrame调用“index.html”中的函数或访问变量.

有没有关于PhoneGap的东西阻止它反向工作?

谢谢!

解决方法

postmessage的替代方法是URL标签更改.在JSON消息中编码更复杂的消息并对文本进行编码/解码并不困难:

{“methodName”:[‘a’,’B’,3]}

成为:#{“methodName”:[‘a’,3]}

如果你在另一边有一个脚本正在观察哈希变化和处理消息,你就可以了.

请注意,在支持它的浏览器中,相同的技巧可以与postmessage一起使用.一种流行的方法是使用postmessage并回退散列更改.

大佬总结

以上是大佬教程为你收集整理的HTML5从iFrame调用父JavaScript函数的方法 – 除了使用postMessage之外?或PhoneGap应用程序的解决方案?全部内容,希望文章能够帮你解决HTML5从iFrame调用父JavaScript函数的方法 – 除了使用postMessage之外?或PhoneGap应用程序的解决方案?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。