通过iframe hash 实现跨域

关注

原创最新推荐文章于 2024-06-24 17:01:19 发布 397 阅读 AI 写同款· GEO 优化 ›

<h1>我是A页面</h1>
<iframe name="bpage" frameborder="0" scrolling="no" width="300" height="150" src="http://b.com/kuayu/b/b.html"></iframe>
<script type="text/javascript">
window.crossLoad = function() {
window.location.reload();
};
window.setBackGroundColor = function(color) {
if(color){document.body.style.backgroundColor = color};
};
</script>

测试页面
<div id="colordiv">
    <button action-type="setColor">red</button>
    <button action-type="setColor">green</button>
    <button action-type="setColor">yellow</button>
</div>

<iframe id="testframe" frameborder="0" scrolling="no" width="0" height="0" src="http://a.com/kuayu/a/delegate.html"></iframe>
<script src="http://127.0.0.1/STK/js/gaea_1_19.js"></script>
<script>

var node = STK.E("colordiv");
var testframe = STK.E("testframe");
var delegate = STK.delegatedEvent(node);
delegate.add("setColor" , 'click' , function(spec) {
    var color = spec.el.innerHTML;
    var obj = {
        funcName : "setBackGroundColor",
        args : [color]
    };
    testframe.src = testframe.src.replace(/#[^#]*$/ , "") + "#" + encodeURIComponent(STK.jsonToStr(obj));
});
</script>