iframe 动态替换页面

主要标签为iframe 实现。setHeight函数自己写的用于页面 iframe JS动态设置高度。

<iframe id="dizhi" marginwidth=0 marginheight=0 onload='setHeight(this);' src="index_1.html" frameborder="none"
			 scrolling="no">
			</iframe>

js 实现代码 加200px 是我自己页面盒子有问题 必须加点才合适，使用应该不加。

// 顶部指定位置
function setHeight(el) {
	el.style.height = el.contentWindow.document.body.offsetHeight + 200 + 'px';
	console.log("has changed! the lenght!");
};

// 更换 页面
function btnclick(x) {
	console.log(x);

	$("#dizhi").attr("src", x + ".html");
	$("html,body").animate({
		scrollTop: $("#dizhi").offset().top
	}, 300);
	console.log(" btnclick  调用 更换页面!");
};

顶部指定位置

//获取子页面对象
var childWindow=$("#dizhi")[0].contentWindow;
	// 调用子页方法函数
	childWindow.childBtnclick();
	// 调用子页面变量
	childWindow.varName01;

子页面调用

//获取父页面
	var parentWindow=window.parent;
	// 调用父页面有参函数
	parentWindow.btnclick(x);
	// 调用父页面变量
	parentWindow.Varparent;