js为我们提供了大量的跳转页面的命令了 下面我来给大家总结一些常用的js跳转页面方法 希望各位同学有所帮助
第一种
代码如下
window location
第二种 跳到前一个历史记录
代码如下
window history back( )
第三种
代码如下
window navigate(“
第四种
代码如下
self location=’
第五种
代码如下
top location=’
第六种
代码如下
window open(pageURL name parameters)
window open("alwaysraised " "_blank" "alwaysRaised")
第七种
代码如下
lishixinzhi/Article/program/Java/JSP/201311/19856要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码
JS跳转大概有以下几种方式：
第一种：(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html"
</script>
第二种：（返回上一页面）
<script language="javascript">
window.history.back(-1)
</script>
第三种：
<script language="javascript">
window.navigate("b.html")
</script>
第四种：
<script language="JavaScript">
self.location=’b.html’
</script>
第五种：
<script language="javascript">
top.location=’b.html’
</script>
其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。具体的代码实现如下：
parent.html父页面：
代码如下:
<html>
<head>
<script type="text/javascript">
function parent_click(){
alert("来自父页面")
}
</script>
</head>
<body>
<input type="button" value="调用本页面函数" onclick="parent_click()" />
<input type="button" value="调用子页面函数" onclick='window.frames["childPage"].child_click()' />
<iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>
child.html子页面：
代码如下:
<html>
<head>
<script type="text/javascript">
function child_click(){
alert("调用的子页面函数")
}
</script>
</head>
<body>
<input type="button" value="调用父页面函数" onclick='parent.window.parent_click()' />
<input type="button" value="调用本页面函数" onclick="child_click()" />
</body>
</html>
