用js实现iframe的页面跳转

在制作页面的过程中，涉及到导航栏点击后iframe中页面也相应动态更新的问题，找了几个文章都不太通用。因此这里记录一个相对可以通用的方法

<div class = "nav">
//给每个li设置点击事件
	<li onclick = "myFunction(0)">页面1</li>
	<li onclick = "myFunction(1)">页面2</li>
	<li onclick = "myFunction(2)">页面3</li>
	<li onclick = "myFunction(3)">页面4</li>
</div>
<iframe src = "about:blank" id = "content",frameborder = "0"></iframe>
//js功能实现部分，实现li的点击事件
<script>
var pages = ["页面1.html","页面2.html","页面3.html"，"页面4.html"];
	functioin myFunction(x){
		document.getElementById("content").src = pages[x];
	}
	
</script>