十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
按钮添加点击事件 然后在点击事件中利用js跳转
成都创新互联公司公司2013年成立,先为淳安等服务建站,淳安等地企业,进行企业商务咨询服务。为淳安企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
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
javascript中的location.href有很多种用法,主要如下:
self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面
这是最常见的一种转向方法;HyperLink控件1. Asp.net 服务器端控件 属性NavigateUrl指定要跳转到的Url地址2. NavigateUrl是可以在服务器端使用代码修改,这个区别于a3. 由于HyperLink本身没有事件所以要在服务器端其它事件中设置NavigateUrl4. 代码示例Asp:HyperLink id=”hyperlink” runat=”server” NavigatoeUrl=”test.aspx”ok/Asp:HyperLink Response.Redirect()方法1.过程:发送一个Http响应到客户端,通知客户端跳转到一个新的页面,然后客户端再发送跳转请求到服务器端。2.页面跳转之后内部控件保存的所有信息丢失,当A跳转到B,B页面将不能访问A页面提交的数据信息。3.使用这个方法使用这个方法跳转后浏览器地址栏的Url信息改变4.可以使用Session Cookies Application等对象进行页面间的数据传递5.重定向操作发生在客户端,总共涉及到两次与Web服务器的通信:一次是对原始页面的请求,另一次是重定向新页面的请求 Server.Transfer()方法1.实现页面跳转的同时将页面的控制权进行移交2.页面跳转过程中Request Session等保存的信息不变,跳转之后可以使用上一个页面提交的数据3.跳转之后浏览器地址栏的Url不变4.这种方法的重定向请求是在服务器端的进行的,浏览器不知道页面已经发生了一次跳转 Server.Execute()方法1.该方法允许当前页面执行同一个Web服务器上的另一个页面2.页面执行完毕之后重新回到原始页面发出Server.Execute()的位置。3.这种方式类似针对页面的一次函数调用 被请求的页面可以使用原始页面的表单数据和查询字符串集合4.被调用页面的Page指令的EnableViewStateMac属性设置为False
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=edithandler=adminlist_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取数据。
1、改变当前页面的url实现跳转:例如
window.location="";
2、在当前窗口打开新页面也可以实现页面跳转:
window.open("",'_self')
;
1、直接跳转加参数
script language="javascript" type="text/javascript"
window.location.href="login.jsp?backurl="+window.location.href;
//或者
window.location.href='';
/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