JavaScript:控制的几种页面跳转方式和传值

最新推荐文章于 2022-08-24 16:21:32 发布

原创最新推荐文章于 2022-08-24 16:21:32 发布 · 779 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js页面t跳转 #传值

本文介绍了六种实现网页跳转的方法，包括使用location.href、history.back、window.navigate等技术手段，并提供了一个通过按钮触发新窗口打开并传递参数的实例。

第一种：
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>

第二种：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

第三种：
<script language="javascript">
window.navigate("top.jsp");
</script>

第四种：
<script language="JavaScript">
self.location=''top.htm'';
</script>

第五种：
<script language="javascript">
alert("非法访问！");
top.location=''xx.jsp'';

</script>

第六种：

遇到一个兄弟说要打开一个新的页面，原页面不关闭，还要传服务器端的数据，呵呵呵，帮他弄了一下：

页面的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>ceshi</title>

function change()

{

var str1=document.getElementById("TextBox1").value;

window.open("Default2.aspx?id="+str1,"_blank",'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=260,left=300,top=300');

}

</script>

</head>

<body>

<div>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</form>

</body>

</html>

服务器端的代码：

public string str = "";

protected void Page_Load(object sender, EventArgs e)