此功能需要在服务环境下运行项目,否则可能会出现下面的报错:
如果报以上错误,把iframe和父页面代码都放入工程项目中在本地跑起来即可解决同源问题。
js代码:
function getIframe(id){
return document.getElementById(id).contentWindow.document;
}
function frameDiv(){
getIframe("smallFrame").getElementById("textID").innerHTML="#f00"
}
html代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试.0</title>
<script src="http://libs.baidu.com/jquery/1.5.2/jquery.min.js"></script>
</head>
<style>
</style>
<body>
<div id="small" οnclick="frameDiv()">尝试传值给下方iframe</div>
<iframe src="test.html" frameborder="0" id="smallFrame"></iframe>
</body>
<script src="replaceButton.js"></script>
</html>