关于js跨域调用子页iframe问题

1.首先在C:\Windows\System32\drivers\etc里面添加


10.216.60.9 dfl.km.com
10.216.60.88 a.km.com

2.10.216.60.9 dfl.km.com服务器上测试a.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A</title>
</head>
<body>
<textarea id="message">这是高层的密码!</textarea><br/>
<button id="test">看看员工在说什么</button><br/><br/><br/>员工们:<br/>
<iframe src="http://a.km.com:8080/IM_KM/avicit/b.html" width="500" height="300" id="iframe"></iframe>
<script>

   document.domain = "km.com";//将两个跨域的主页面主域设为相同

   document.getElementById("test").onclick = function(){
        alert(document.getElementById("iframe").contentWindow.document.getElementById("message").value);
    }
</script>
</body>
</html>

3.10.216.60.88 a.km.com服务器上测试b.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JSONP方式</title>
</head>
<body>
<textarea id="message">这是员工的密码!</textarea><br/>
<button id="test">看看领导在说什么</button><br/>
<script>
    document.domain = "km.com";//将两个跨域的主页面主域设为相同
    document.getElementById("test").onclick = function(){
        alert(parent.document.getElementById("message").value);
    }
</script>
</body>
</html>

这样就可以相互调用

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值