利用锚点解决 IFrame 跨域 Javascript 调用

最新推荐文章于 2021-04-17 23:14:38 发布

原创最新推荐文章于 2021-04-17 23:14:38 发布 · 4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #iframe #function #xhtml #html #文档

本文介绍如何通过改变父页面的锚点来实现不同域下的父子页面之间的通信，具体展示了HTML、JavaScript和iframe在跨域场景中的应用。

现在有2个页面分别位于不同的域下：

父页面的地址：http://local.example.org/iframe.html

子页面的地址: http://local.test.org/include.html

include 里有个test链接，点一下触发父页面的函数 .

利用改变父页面的锚点实现跨域。

http://local.example.org/iframe.html 代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> include another domain page <a name="test"></a> <iframe id="iframe" src="http://local.test.org/player/include.jsp" mce_src="http://local.test.org/player/include.jsp"></iframe> <mce:script type="text/javascript"></mce:script> </body> </html>

http://local.test.org/include.html 代码