原生js和jQuery实现页面跳转的学习

时间：2025-02-18 16:25:27

js的实现

参考了一位大神的博客：js页面跳转整理

方式
    

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

方式跳转 

<script language="javascript">
    ("");
</script>

方式实现页面跳转，注意跟第一种方式的区别

<script language="javascript">
    ("");
</script>


比如有3个jsp页面（, , ），进系统默认的是，当我进入的时候， 里面用("");

与用 ("");

从用户界面来看是没有什么区别的，但是当页面有一个"返回"按钮，调用(-1); ();方法的时候，一点这个返回按钮就要返回页面的话，区别就出来了，当用 ("");连到页面的话，页面中的调用 (-1);();方法是不好用的，会返回到。

方式实现页面跳转，和下面的有小小区别
   

<script language="JavaScript">
          ='';
</script>



   
<script language="javascript">
          ='';
</script>

 

6.不推荐这种方式跳转
    

<script language="javascript">
    alert("返回");
    (-1);
</script>

meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="">

JQuery的实现 

$(function(){ 
    var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性
     = "?pagenum="+pn;//实现客户端页面的跳转 

});

/*******************************************************原生js其他总结************************************************************/

1. Javascript 返回上一页 (-1), 返回两个页面: (-2);

2. ().

3. ()返回下一页

4. (返回第几页,也可以使用访问过的URL)

例:
<a href="javascript:(-1);">向上一页</a>
  ("<script language=javascript>")
  ("if(!confirm('完成任务?')){();}")
  ("</script>")
  ("<script language=javascript>(-1);</script>")
<a href="javascript:(-1);">向上一页</a>

5.页面跳转:οnclick="=''"

引用js

if (typeof SWFObject == "undefined") {  

    ('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.">

    </scr' + 'ipt>');

}

Javascript刷新页面的几种方法：
1    (0)
2    ()
3    location=location
4    (location)
5    ('Refresh')
6    (location)
7    (location)
8    =

自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=">
其中20指隔20秒后跳转到页面












相关文章