首先创建一个html页面,在其中通过iframe标签插入一个嵌入页面,通过src嵌入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
<title>父页面</title>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
function service() {
document.getElementById("iframe").contentWindow.bu();
}
</script>
<body>
<div style="width: 100%;height: 400px;margin-top: 3.125rem;">
<iframe id="iframe" width="100%" ;name="iframe" scrolling="no" frameborder="0" src="service.html" height="400px">
</iframe>
</div>
</body>
</html>
在子页面中创建函数bu();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>子页面</title>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
</head>
<script type="text/javascript">
function bu(){
qimoChatClick();
}
</script>
<body>
</body>
</html>
想要在父页面中调用子页面的方法,需要
document.getElementById(“iframe”).contentWindow.bu();
则可以成功调用子页面中的方法bu();