首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在链接单击时将属性传递给新页。JS / jQuery

在链接单击时将属性传递给新页。JS / jQuery
EN

Stack Overflow用户
提问于 2014-05-19 10:45:52
回答 2查看 80关注 0票数 0

我有一个按钮可以指引别人到新的页面。按钮上有一个Id。有什么办法让我把Id传递到下一页吗?最好不在网址里。我可以通过JS或jQuery做到这一点而不必使用AJAX吗?

我还希望单击函数也打开一个新的选项卡。

代码语言:javascript
运行
复制
            jQuery('<button class="btn"/>')
                .attr({'id': 'PASS_THIS'})
                .text('Button')
                .click(function() {
                     top.location.href = 'myNewPage.html';
                })
                .appendTo(btnspan)

如有任何建议,将不胜感激!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-19 10:50:01

按钮上有一个Id。有什么办法让我把Id传递到下一页吗?最好不在网址里。

如果您不想在URL中这样做,您可以使用sessionStorage,它有良好的浏览器支持并且易于使用,或者如果您需要更广泛的支持,可以使用cookies。单击保存id,然后在新页面中检索它。

使用sessionStorage的示例--单击保存:

代码语言:javascript
运行
复制
jQuery('<button class="btn"/>')
    .attr({
        'id': 'PASS_THIS'
    })
    .text('Button')
    .click(function () {
        sessionStorage.someUsefulNameHere = this.id; // <== Here
        top.location.href = 'myNewPage.html';
    })
    .appendTo(btnspan);

在目标页面上检索它:

代码语言:javascript
运行
复制
var someUsefulNameHere = sessionStorage.someUsefulNameHere;

然后可选地删除它,这样刷新就不会看到它:

代码语言:javascript
运行
复制
sessionStorage.removeItem("someUsefulNameHere");
票数 1
EN

Stack Overflow用户

发布于 2014-05-19 10:52:59

也许这将是有用的。

代码语言:javascript
运行
复制
jQuery('<button class="btn"/>')
                .attr({'id': 'PASS_THIS'})
                .text('Button')
                .click(function() {
                     top.location.href = 'myNewPage.html?id='+jQuery(this).attr('id');
                })
                .appendTo(btnspan)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23735763

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档