javascript实现页面跳转功能,参数怎么传递?

javascript实现页面跳转功能,参数怎么传递?,第1张

1.设置url

// 设置当前urlvar list_url = '/document/order/default.php?page=' + page_nums + '&'+ $("#form1").serialize()var e_list_url = encodeURIComponent(list_url)$("#list_url").val(e_list_url)

2.传递url

var list_url = $('#list_url').val()

window.location.href='/document/order/view.php?order_id='+order_id+'&action=edit&handler=admin&list_url='+list_url

3.解析url并跳转

var list_url = '<?php echo $list_url?>'

d_list_url = decodeURIComponent(list_url)window.location.href = d_list_url

这样就能实现,参数不丢失了。主要就是页码和筛选条件。

纯js页面跳转要传复杂数据不好做,要用localStorage,这个东东在各浏览器中是不一样的。

比较好的方法就是,在跳转链接中加上一些标志参数,如对象ID之类,直接由服务器生成新页面内容或者转到新页面后由页面从服务器重新ajax取数据。

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.navigateb.html</script>。

第四种:

<script language=JavaScript>self.location=b.html</script>。

第五种:

<script language=javascript>top.location=b.html</script>。

超文本标记语言,标准通用标记语言下的一个应用。

超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括头部分、和主体部分,其中头部提供关于网页的信息,主体部分提供网页的具体内容。

代码如下:

<html>

 <head>

  <title> page A </title>

  <script type="text/javascript">

function delyLoad(){

setTimeout(function(){

 window.location.href='b.html'

},5000)

}

  </script>

 </head>

 <body onload="delyLoad()">

<h1>A</h1>

 </body>

</html>

首先做一个计时器,记时5秒。5秒后将location的链接转为b.html。如果b.html与a不在同一个页面下,最好写绝对路径


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6207828.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存