单击按钮转到链接 - jQuery

发布于 2024-10-16 11:40:52 字数 341 浏览 6 评论 0原文

我有一个如下所示的脚本,

$('.button1').click(function() {
    document.location.href=$(this).attr('id');
});

button1 具有可变的唯一 ID。单击时,页面必须重定向到网址“www.example.com/index.php?id=buttonid”,但现在页面仅重定向到“button id” 。

我想在当前网址之前添加字符串“www.example.com/index.php?id=”。我怎样才能使这成为可能?

I have a script as below

$('.button1').click(function() {
    document.location.href=$(this).attr('id');
});

the button1 has variable unique ids. on click, the page must redirect to url "www.example.com/index.php?id=buttonid" but now the page is redirecting only to "button id".

I want to add the string "www.example.com/index.php?id=" before the current url. How can I make this possible?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

后知后觉 2024-10-23 11:40:52
$('.button1').click(function() {
   window.location = "www.example.com/index.php?id=" + this.id;
});

首先,使用 window.location 更好,因为根据规范 document.location 值是只读的,可能会导致您在旧版/不同浏览器中感到头痛。检查注释 @MDC DOM document.location 页面

第二个 - 使用 attr 获取 id 的 jQuery 方法是一种不好的做法 - 您应该使用直接的本机 DOM 访问器 this.id 因为分配给 this 的值是普通的 DOM 元素。

$('.button1').click(function() {
   window.location = "www.example.com/index.php?id=" + this.id;
});

First of all using window.location is better as according to specification document.location value was read-only and might cause you headaches in older/different browsers. Check notes @MDC DOM document.location page

And for the second - using attr jQuery method to get id is a bad practice - you should use direct native DOM accessor this.id as the value assigned to this is normal DOM element.

︶葆Ⅱㄣ 2024-10-23 11:40:52
$('.button1').click(function() {
   document.location.href='/index.php?id=' + $(this).attr('id');
});
$('.button1').click(function() {
   document.location.href='/index.php?id=' + $(this).attr('id');
});
懵少女 2024-10-23 11:40:52

您需要指定域:

 $('.button1').click(function() {
   window.location = 'www.example.com/index.php?id=' + this.id;
 });

You need to specify the domain:

 $('.button1').click(function() {
   window.location = 'www.example.com/index.php?id=' + this.id;
 });
小嗷兮 2024-10-23 11:40:52

为什么不把第二行改为

document.location.href="www.example.com/index.php?id=" + $(this).attr('id');

Why not just change the second line to

document.location.href="www.example.com/index.php?id=" + $(this).attr('id');
猫七 2024-10-23 11:40:52

您可以使用 window.location.href 获取当前网址,但我认为您需要 jQuery 查询插件来操作查询字符串: http://plugins.jquery.com/project/query-object

you can get the current url with window.location.href but I think you will need the jQuery query plugin to manipulate the query string: http://plugins.jquery.com/project/query-object

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文