js 跳转方法

JavaScript017

js 跳转方法,第1张

1、跳转链接 在当前窗口打开

window.location.href=" http://www.baidu.com "

等价于<a href="baidu.com" target="_self">go baidu</a>

2、跳转链接 在新窗口打开

window.open(" http://www.baidu.com ")

等价于 <a href="baidu.com" target="_blank">go baidu</a>

3、跳转链接 返回上一页

window.history.back(-1)

4、跳转链接

self.location.href="baidu.com"

self 指代当前窗口对象,属于window 最上层的对象。

location.href 指的是某window对象的url的地址

self.location.href 指当前窗口的url地址,

去掉self默认为当前窗口的url地址,一般用于防止外部的引用

top.location.href:为引用test.html页面url的父窗口对象的url

如果你的网页地址是:[ http://www.a.com ,]别人的是[ http://www.b.com] ,

他在他的页面用iframe等框架引用你的[ http://www.a.com] ,那么你可以用:

if``(top.location.href!=self.location.href){

location.href=``"http://www.a.com"``

}

来转向你的页面,top指代的是主体窗口,这里top.location.href返回[ http://www.b.com]

1、直接跳转加参数

<script language="javascript" type="text/javascript">

    window.location.href="login.jsp?backurl="+window.location.href 

    //或者

   window.location.href='http://www.baidu.com'

</script>

2、返回上一次预览界面

<script language="javascript">

    alert("返回")

    window.history.back(-1)

    //标签嵌套:

    <a href="javascript:history.go(-1)">返回上一步</a>

    <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

</script>

3、指定跳转页面 对框架无效

  <script language="javascript">

       window.navigate("top.jsp")

  </script>

4、指定自身跳转页面 对框架无效

  <script language="JavaScript">

          self.location='top.htm'

   </script>

5、指定自身跳转页面 对框架有效

  <script language="javascript">

          alert("非法访问!")

          top.location='xx.aspx'

   </script>

6、按钮式 在button按钮添加 事件跳转

<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">

7、在新窗口打开

 <a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a>

点击小图片就在新窗口中打开大图片,是这个要求吗:

<a href=大图地址 target=_blank><img src=小图片地址 /></a>