通过页面href在静态html页面之间传递参数

PHP页面间参数传递的四种方式分类：网络文摘2011-12-15 18:34 542人阅读评论(1) 收藏举报我们定义page01.php和page02.php两个php文件，将page01中的内容想办法传递到page02，然后供我们继续使用。

第一种：使用客户端浏览器的cookie。

cookie很容易理解，就是一个临时文件，可以把它看成一个储藏室，浏览器在浏览的过程中记录一些信息，就暂时存放在这里。

在page01中设置一个cookie。

<?phpsetcookie('mycookie','自灵');?>就是这么简单，我们已经创建cookie完毕。

我们定义了一个变量mycookie，它的值是字符串'自灵'。

我们可以随便给cookie变量起名字，可以定义多个cookie变量。

在page02页面接受cookie。

<?php$wuziling = $_COOKIE['mycookie'];echo $wuziling;?>我们使用$_COOKIE[]提取cookie中的变量mycookie，将它的值付给$wuziling。

然后简单的输出。

好了，到这里使用cookie从页面之间传递参数完毕。

第二种：使用服务器端的session。

理解session是一件很容易的事情。

与cookie 的不同在于它是服务器端的临时储藏室。

session常被称作会话。

在page01中设置一个session。

<?phpsession_start();$_SESSION["temp"]=array('123','456','789');?>要想使用session，必须启动session。

session_start();就是启动session 的方法。

一般要写在最前面。

在HTML中获取地址栏中传递的参数在HTML中接收地址栏中传递的参数方法有如下三种：window.open ("11.htm?aa="+dd);问题就是从11.htm中接收aa的值解决方案如下：１.使用 window.location.search 来取得后面的参数// param 为参数的名称function getParameter(param){var query = window.location.search;var iLen = param.length;var iStart = query.indexOf(param);if (iStart == -1)return "";iStart += iLen + 1;var iEnd = query.indexOf("&", iStart);if (iEnd == -1)return query.substring(iStart);return query.substring(iStart, iEnd);}然后调用getParameter 方法: var temp = getParameter("aa");２.使用 window.location.href 来取得后面的参数var url=window.location .href;var aa=url.indexOf(''='');if (aa == -1)return "";url=url.substring(aa+1);window.alert(url);两种方法其实思路是一样的，利用字符串的indexOf属性来取值。

3。

将以下代码另存为HTML文件:alixixi.htm,然后打开站点:http://127.0.0.1/alixixi.htm?log_id=111&cat_id=222&page= 333回车即可显示演示效果,正常接收由HTML文件传递的值.<script language="JScript"><!-var LocString=String(window.document.location.href);function GetQueryString(str){var rs=new RegExp("(^|)"+str+"=([^&]*)(&|$)","gi").exec(LocString),tmp;if(tmp=rs)return tmp[2];return "没有这个参数";}alert("日记编号："+GetQueryString("log_id"));alert("分类编号："+GetQueryString("cat_id"));alert("所在页数："+GetQueryString("page"));--></script>。

href 跳转带参数摘要：1.介绍href 跳转带参数的概念2.href 跳转带参数的用途3.href 跳转带参数的实现方法4.href 跳转带参数的实例5.href 跳转带参数的注意事项正文：在网页开发中，我们经常需要使用到URL 跳转，即通过点击一个链接，跳转到另一个网页。

而当需要传递参数时，通常会使用href 跳转带参数的方式。

下面，我们来详细介绍一下这方面的知识。

一、介绍href 跳转带参数的概念href 跳转带参数，是指在HTML 链接标签（<a>）中，通过href 属性指定一个带有参数的URL。

参数通常以“？”符号开头，后面跟着参数名和参数值，参数之间用“&”符号分隔。

二、href 跳转带参数的用途href 跳转带参数主要用于在网页间传递数据，实现数据的动态展示。

例如，在搜索结果页面中，点击搜索结果项时，需要将搜索关键词传递给详情页面，这时就可以使用href 跳转带参数的方式。

三、href 跳转带参数的实现方法要实现href 跳转带参数，首先需要在HTML 链接标签中设置href 属性，属性值是一个带有参数的URL。

例如，下面的代码实现了一个跳转到详情页面并传递搜索关键词的链接：```html<a href="详情页面网址？关键词=搜索关键词">点击查看详情</a>```四、href 跳转带参数的实例假设我们有一个搜索结果页面（search.html），页面上有一个搜索关键词输入框和一个展示搜索结果的列表。

当用户在输入框中输入关键词并点击搜索按钮后，会跳转到一个详情页面（details.html），展示与关键词相关的内容。

下面是一个简单的实例：1.在search.html 中，添加一个链接，跳转到details.html 并传递搜索关键词：```html<a href="details.html?keyword=<?php echo$_GET["keyword"];?>">点击查看详情</a>```2.在details.html 中，通过PHP 获取传递过来的搜索关键词：```php$keyword = $_GET["keyword"];echo "你的搜索关键词是：".$keyword;```五、href 跳转带参数的注意事项在使用href 跳转带参数时，需要注意以下几点：1.参数名和参数值需要用“&”符号分隔，多个参数之间也用“&”符号分隔。

如何在web页面之间传递参数在web开发中，经常会遇到在不同页面之间传递参数的需求。

这些参数可以是用户输入的数据、页面之间的状态信息，甚至是身份验证所需的凭证。

而在确保用户体验的有效地传递参数也是web开发中常见的问题之一。

本文将就web页面之间传递参数的几种方法进行全面评估，并据此撰写一篇有价值的文章。

1. URL参数传递URL参数传递是最常见的一种传递参数的方式。

通过在URL中携带参数的形式，可以方便地在不同页面之间传递数据。

我们可以通过在URL中添加“?key1=value1&key2=value2”这样的参数来传递信息。

这种方式简单直接，但由于参数会直接显示在URL中，可能会带来安全隐患和信息泄露的问题。

2. 表单提交另一种常见的传递参数的方式是通过表单提交。

用户在一个页面填写完表单后，提交表单到服务器，服务器再将参数传递到下一个页面。

这种方式适用于需要用户输入数据并传递到下一个页面的场景，但对于一些简单的参数传递来说，可能会显得过于繁琐。

3. Cookie和SessionCookie和Session是web开发中常用的状态保持机制，也可以用来传递参数。

通过在客户端存储数据，下一个页面可以再次读取这些数据，实现参数的传递。

但需要注意的是，由于涉及到用户隐私信息的存储和传递，需要特别注意安全性和合规性。

4. AJAX请求在现代web应用中，通过AJAX进行页面间数据交互也是一种常见的方式。

通过异步的方式请求数据，并在页面中使用JavaScript来处理返回的数据，可以实现页面之间参数的传递。

这种方式在提高用户体验的也需要注意数据的完整性和安全性。

总结回顾在web开发中，传递参数是一个常见的需求，而选择合适的传递方式也是至关重要的。

无论是通过URL参数、表单提交、Cookie和Session，还是AJAX请求，都需要根据实际场景选择合适的方式。

在使用这些方法的过程中，还需要注意数据的安全性和合规性，以确保用户信息的安全传递。

location.href跳转页⾯时传递参数并且在新页⾯接收参数<span style="font-size:18px;">可以直接使⽤window.location.href进⾏页⾯跳转window.location.href = "./punch/clock_frm.html"问号传参：window.location.href = "./punch/clock_frm.html?modFlag="+modFlag+'&role='+role;那么我们在新页⾯接收参数，并且将参数转为可⽤的json格式时，可以⽤下⾯的⽅法：var url = location.search; //获取url中"?"符后的字串 ('?modFlag=business&role=1')var theRequest = new Object();if ( url.indexOf( "?" ) != -1 ) {var str = url.substr( 1 ); //substr()⽅法返回从参数值开始到结束的字符串；var strs = str.split( "&" );for ( var i = 0; i < strs.length; i++ ) {theRequest[ strs[ i ].split( "=" )[ 0 ] ] = ( strs[ i ].split( "=" )[ 1 ] );}console.log( theRequest ); //此时的theRequest就是我们需要的参数；}</span>location.href传参中⽂乱码问题解决在js中通过window.location.href⽅式跳转页⾯并在路径上传递参数中⽂乱码解决js中对中⽂进⾏编码：（不对ASCII 字母和数字进⾏编码）window.location.href = ‘aaa.html?Unit=’+encodeURI(encodeURI(中⽂内容))//有时需要两次编码window.location.href = ‘aaa.html?Unit=’+encodeURI(中⽂内容)//有时只需要编码⼀次即可（具体原因没有细究）在接收页⾯接收的时候再解码回来即可decodeURI(window.location.href)---------------------版权声明：本⽂为CSDN博主「qq_42833778」的原创⽂章，遵循CC 4.0 by-sa版权协议，转载请附上原⽂出处链接及本声明。

期末复习题一、填空题1 .NET Framework主要包括__________ 和__________。

答案：公共语言运行库CLR ，类库(2)网站在编译时，首先将语言代码编译成__________。

答案：微软中间语言MSIL3 一台IIS Web服务器IP地址为210.78.60.19，网站端口号为8000，则要访问虚拟目录xxxy中default.aspx的URL为___________________________________________。

答案：http://210.78.60.1 9:8000/xxxy/default.aspx3 利用XHTML建立一个链接到jxgz@邮箱的元素是__________答案：<a href="mailto：jxgz@>…</a>4 存放Web窗体页C#代码的模型有__________ 和__________。

答案：单文件页模型，代码隐藏页模型5 单文件页模型中，C#代码必须包含于__________ 之间。

答案：<script>...</script>6 外部样式表通过__________ 元素链接到网页。

答案：<link>7 C#使用的类库就是__________提供的类库。

答案：.NET Framework8 要在一个类中包含System.Data命名空间的语句是__________。

答案：using System.Data9 至少会执行一次循环的循环语句是__________。

答案：do-while语句10 较适用于一已知循环次数的循环语句是__________。

答案：for语句11 在TextBox控件中输入内容并当焦点离开TextBox控件时能触发TextChanged 事件，应设置属性__________ 。

答案：AutoPostBack="True"12 判断页面而是否第一次载入可通过属性__________ 实现。

页面传递参数的方法页面传递参数的方法在我们日常的开发中是非常常见的。

当用户在页面上提交表单、点击链接或者执行其他操作时，我们需要将相关的参数传递给服务器端进行处理。

下面将介绍几种常见的页面传递参数的方法。

1. GET方法：GET方法是最常见也是最简单的一种传递参数的方式。

它通过URL的查询字符串来传递参数。

查询字符串是指URL中问号（?）后面的部分，参数名和参数值用等号（=）连接，多个参数之间使用&符号分隔。

例如，GET方法的特点是参数会显示在URL中，因此可以直接通过修改URL的方式修改参数。

此外，GET方法对传递的参数有长度限制（通常为2048字节），对于较大的参数不适用。

2. POST方法：POST方法通过HTTP请求的消息体来传递参数。

参数不会显示在URL中，因此相对于GET方法更加安全。

POST方法没有参数长度限制。

在使用POST方法传递参数时，通常需要借助表单来提交数据。

我们可以在HTML表单中定义多个input元素，通过设置其name属性来指定参数名称，用户在提交表单后，参数将会被封装到请求的消息体中。

3. 请求头：除了通过URL和消息体传递参数，我们还可以通过设置请求头来传递参数。

请求头是指HTTP请求中的一些元数据，比如Content-Type、User-Agent等。

我们可以通过自定义请求头来传递参数。

但需要注意的是，自定义请求头的使用涉及到HTTP协议规范，需要在服务端和客户端都进行相应的配置和解析。

4. Cookie：Cookie是一种在浏览器端保存数据的机制，可以用来传递参数。

在服务器端设置Cookie时，会将Cookie发送给浏览器，并存储在浏览器中。

在下一次请求同一个网站时，浏览器会自动将Cookie发送给服务器。

通过设置Cookie，我们可以在多个页面间传递参数。

但需要注意的是，Cookie 有大小限制（通常为4KB），如果需要传递较大的参数，可能会出现截断的情况。

页面之间传递参数的几种方法在开发网站和应用程序时，页面之间传递参数是一种非常常见的需求。

页面之间传递参数可以实现不同页面之间的数据共享和交互，方便用户在不同页面之间进行操作。

本文将介绍几种常用的页面之间传递参数的方法。

1. URL 参数URL 参数是最基本的一种传递参数的方法。

通过在 URL 中添加参数，可以在不同页面之间传递数据。

例如，假设我们有一个用户列表页面，点击某个用户的链接后，希望在用户详情页面中展示对应用户的详细信息。

可以在用户链接的 URL 中添加用户的 ID 参数，如/user/detail?id=123，然后在用户详情页面中读取这个参数进行相应的处理。

URL 参数的优点是简单易用，适用于传递少量简单的参数，例如 ID、页码等。

但是对于复杂的参数，URL 参数的长度有限制，不适合传递大量数据。

2. 表单提交表单提交是另一种常见的传递参数的方法。

通过在表单中添加隐藏字段或者通过表单元素的值来传递参数。

例如，假设我们有一个搜索页面，用户在搜索框中输入关键词后，点击搜索按钮将关键词传递给搜索结果页面。

可以将关键词作为隐藏字段或者作为表单元素的值，在表单提交时一同传递给搜索结果页面。

表单提交的优点是传递参数方便，适用于传递复杂的参数和大量数据。

但是需要注意的是，表单提交会导致页面的刷新，不适合在不同页面之间进行动态交互。

3. CookieCookie 是一种在客户端存储数据的机制，也可以用来传递参数。

通过将参数存储在 Cookie 中，在不同页面之间进行传递。

例如，假设我们有一个购物车功能，在用户添加商品到购物车时，可以将购物车的相关信息存储在 Cookie 中，在不同页面中读取和使用这些信息。

Cookie 的优点是方便，可以存储较多的数据，并且可以在客户端保持持久性。

但是，由于 Cookie 存储在客户端，因此存在安全性的考虑，不能存储敏感信息。

4. SessionSession 是在服务器端存储用户状态的机制，也可以用来传递参数。

href在HTML中是用来指定链接的属性。

它的用法是：
<a href="URL">链接文字</a>
其中URL是链接的地址，链接文字就是用户点击的文字链接。

href可以指向的有以下几种：
1. 内部链接：指向网站自身的其他页面，也可以是锚点（也就是页内锚），这种链接格式为：
<a href="#锚点名">链接文字</a>；
2. 外部链接：指向其他网站的页面，这种链接格式为：<a href="http://外部网址">链接文字</a>；
3. 键盘按键：指定用户按下键盘上的某个按键，可以完成特定功能，这种链接格式为：<a href="javascript:功能函数()">链接文字</a>；
4. 文件链接：指定跳转到本地文件，可以是文档、图片或者视频，这种链接格式为：<a href="本地文件路径">链接文字</a>；
5. 邮件链接：指定跳转到邮件编辑窗口，可以发送邮件，这种链接格式为：<a href="mailto:邮箱地址">链接文字</a>；
6. 短信链接：指定跳转到短信编辑窗口，可以发送短信，这种链接格式为：<a href="sms:手机号码">链接文字</a>。

href属性还可以指定一些属性，以控制链接的行为，例如：
1. target：指定链接在何处打开，可以是_blank（新窗口）、_self（本窗口）、_parent（父窗口）等。

[HTML]页⾯间传值的五种⽅法⼀、QueryString传值：1. 这是最简单的传值⽅式，但缺点是传的值会显⽰在浏览器的地址栏中且不能传递对象，只适⽤于传递简单的且安全性要求不⾼的整数值，例如：2. 新建⼀个WEB项⽬，添加⼀个页⾯命名为Test1，在页⾯中添加⼀个Button命名为btnLogin，再添加两个TextBox分别命名为txtUserName 和txtPassWord，添加Button的Click()事件：private void btnLogin_Click (object sender, System.EventArgs e){string url=" Test1.aspx?UserName=" +txtUserName.Text + "&Password=”+txtPassWord.Text+””;Response.Redirect(url);}3. 添加另⼀个页⾯命名为Test2，在页⾯添加两个Lable分别命名为lblUserName和lblPassWord，添加页⾯的Load()事件：private void Page_Load (object sender, System.EventArgs e){lblUserName.Text=Request.QueryString["UserName"];lblPassWord.Text=Request.QueryString["Password"];}4. 把Test1设为起始页，运⾏项⽬在Test1页⾯的⽂本框中输⼊值后点击按钮，就可以在Test2页⾯中显Test1页⾯输⼊的结果。

⼆、Server.Transfer传值：1. 这种⽅式避免了要传递的值显⽰在浏览器的地址栏中，但是⽐较⿇烦，例如：2. 新建⼀个WEB项⽬，添加两个页⾯分别命名为Test1和Test2，在Test1页⾯中添加⼀个Button命名为btnLogin，再添加两个TextBox分别命名为txtUserName和txtPassWord，在Test2页⾯添加两个Lable分别命名为lblUserName和lblPassWord，为Test1添加过程返回txtUserName和txtPassWord的值并添加btnLogin的Click()事件：public string UserName{get{return txtUserName.Text;}}public string Password{get{return txtPassWord.Text;}}private void btnLogin_Click (object sender, System.EventArgs e){Server.Transfer("Test2.aspx");}3. 添加Test2页⾯的Load()事件：private void Page_Load (object sender, System.EventArgs e){Test1 t1; //创建原始窗体的实例t1=( Test1)Context.Handler; //获得实例化的句柄lblUserName.Text= erName;lblPassWord.Text= t1.Password;}4. 把Test1设为起始页，运⾏项⽬在Test1页⾯的⽂本框中输⼊值后点击按钮，就可以在Test2页⾯中显Test1页⾯输⼊的结果。