html页面跳转传递参数

html-css010

html页面跳转传递参数,第1张

页面跳转的时候可能需要一些数据的传输,如商品跳转到详情页需要传一个id过去。那么在html中如何来实现呢?

简单的来说就是通过location.href设置路径的时候通过?拼接的形式拼接进去一些参数。然后在b页面通过地址栏的信息来拿到这些参数,从而进行不同的数据渲染。

例子:

a页面内容:

b页面:

1、首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转,如下图所示。

4、还可以写一个click函数,来触发页面跳转。这就需要我们获取到这个button,可以给button一个Id了,如下图所示。

一、通过<a href="目标网页地址">进行跳转;

二、要传值的话可以在href属性中这样添加:

        href="目标地址?第一个值的名称=值&第二个值的名称=值"

说明:在上面的href属性中:“?”后面接要传的值;

“name=value”表示传值得形式,名称=值;

“&”表示多个值的连接;

看下面一个例子,你应该更明白了:

例:href=“index.html?name=zhangsan&password=123456”

三、简单说一下,在html中这样直接跳转传值没什么意义,因为html无法直接使用。如果是使用jsp的话倒是可以。提醒一句,一般带数据的跳转会经过后台处理后,再进行跳转至另一个页面!

满意的话,请五星好评采纳!O(∩_∩)O~