跨域的子页面调用父页面问题

最新推荐文章于 2020-10-19 19:11:06 发布

DickHe

最新推荐文章于 2020-10-19 19:11:06 发布

阅读量584

点赞数

文章标签： HTML JavaScript F# ViewUI

本文链接：https://blog.csdn.net/DickHe/article/details/83679037

版权

通常我们父页面打开一个子页面，子页面调用父页面的一个javascript方法代码如下即可：

父页面1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<head>
<script> function F() { alert("这是父窗口函数"); } </script>
</head>
<BODY >
<input type=hidden id=F1 οnclick="F()">
<input type=button value="打开子窗口" οnclick="window.open('2.htm')">

</BODY>
</HTML>

子页面2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
第一种调用方式:
<input type=button value="执行父窗口函数" οnclick="javascript:window.opener.document.all.F1.click()">
第二种调用方式:

<input type=button value="执行父窗口函数2" οnclick="javascript:opener.F()">
</BODY>
</HTML>

但是现在我需要将子页面的路径改为其他服务器上的页面，比如'http://133.123.222.11:8028/baidu/2.htm',代码如下：
父页面3.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<head>
<script> function F() { alert("这是父窗口函数"); } </script>
</head>
<BODY οnlοad="open('2.htm')">
<input type=hidden id=F1 οnclick="F()">
<input type=button value="打开子窗口" οnclick="window.open('http://133.123.222.11:8028/baidu/2.htm')">

</BODY>
</HTML>

子页面依然是上面的子页面2.html，但是子页面需要怎样改动才能调用父页面的F() 方法呢？

DickHe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跨域的子页面调用父页面问题

通常我们父页面打开一个子页面，子页面调用父页面的一个javascript方法代码如下即可：父页面1.html New Document function F() { alert("这是父窗口函数"); } 子页面2.html New Document ...
复制链接

扫一扫