使用javascript / jquery单击DOM元素后,更改地址栏中的URL

塞巴斯蒂安·科妮留·维兰

有什么方法可以在单击DOM元素后更改浏览器中的URL而无需重新加载页面?

    $('#filter_form').on('change', function () {
        $.ajax(options);
        //change the browser URL
    });

前任:

前: http://somepage.com/filters

后: http://somepage.com/filters?type=apartment

TJ人群

是的,历史记录API可以实现两者history.pushStatehistory.replaceState让您指定一个新的URL,例如:

history.pushState(null, null, "filters?type=apartment");

该URL以通常的方式解析。

除了IE9和更早版本之外,浏览器支持都很好

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用htaccess重定向子域,而无需更改地址栏中的URL

来自分类Dev

使用htaccess重定向子域,而无需更改地址栏中的URL

来自分类Dev

在地址栏中更改整个网址(JavaScript)

来自分类Dev

重定向通配符URL而不更改地址栏

来自分类Dev

URL重定向而不更改地址栏中的URL

来自分类Dev

防止URL地址栏,并防止使用jQuery刷新页面

来自分类Dev

在地址栏上使用 javascript 打开链接

来自分类Dev

使用 jquery 在导航栏引导程序 4 中单击后无法更改链接的活动类

来自分类Dev

在使用 Ruby on Rails 5 的 instagram 示例中,以模式打开显示页面并在地址栏中更新 url

来自分类Dev

如何在Chrome中以编程方式更改地址栏的字体大小

来自分类Dev

htaccess重定向不更改地址栏中的网址

来自分类Dev

Javascript:始终显示Chrome地址栏

来自分类Dev

如何使用javascript更改地址的某些部分并导航到该地址?

来自分类Dev

AngularJS ui路由器$ state.go('^')仅更改地址栏中的URL,但不加载控制器

来自分类Dev

AngularJS ui路由器$ state.go('^')仅更改地址栏中的URL,但不加载控制器

来自分类Dev

单击后使用javascript更改按钮的文本

来自分类Dev

如何使用Ratchet隐藏地址栏?

来自分类Dev

Javascript:访问地址栏并重定向到新URL?

来自分类Dev

通过htaccess更改URL在地址栏中的显示方式

来自分类Dev

javascript,单击后更改与单击元素不同的元素的html

来自分类Dev

如何使用.htaccess重定向到404但在地址栏上保留错误的URL

来自分类Dev

从地址栏中执行JavaScript会导致浏览器退出页面?

来自分类Dev

仅使用键盘在Thunderbird中编写电子邮件时如何更改地址类型

来自分类Dev

尽管在地址栏中工作,但使用jquery ajax向Open Weather Map API发出的HTTP GET请求却给出404

来自分类Dev

使用地址栏命令在网页中查找文本?

来自分类Dev

在Linux上使用Alt + D仅选择Chrome中的地址栏?

来自分类Dev

Laravel-使用RESTful控制器时从地址栏中删除模型ID

来自分类Dev

成功更改状态后,UI路由器无法更新地址栏中的URL

来自分类Dev

在Nautilus中使用路径栏和地址栏

Related 相关文章

  1. 1

    使用htaccess重定向子域,而无需更改地址栏中的URL

  2. 2

    使用htaccess重定向子域,而无需更改地址栏中的URL

  3. 3

    在地址栏中更改整个网址(JavaScript)

  4. 4

    重定向通配符URL而不更改地址栏

  5. 5

    URL重定向而不更改地址栏中的URL

  6. 6

    防止URL地址栏,并防止使用jQuery刷新页面

  7. 7

    在地址栏上使用 javascript 打开链接

  8. 8

    使用 jquery 在导航栏引导程序 4 中单击后无法更改链接的活动类

  9. 9

    在使用 Ruby on Rails 5 的 instagram 示例中,以模式打开显示页面并在地址栏中更新 url

  10. 10

    如何在Chrome中以编程方式更改地址栏的字体大小

  11. 11

    htaccess重定向不更改地址栏中的网址

  12. 12

    Javascript:始终显示Chrome地址栏

  13. 13

    如何使用javascript更改地址的某些部分并导航到该地址?

  14. 14

    AngularJS ui路由器$ state.go('^')仅更改地址栏中的URL,但不加载控制器

  15. 15

    AngularJS ui路由器$ state.go('^')仅更改地址栏中的URL,但不加载控制器

  16. 16

    单击后使用javascript更改按钮的文本

  17. 17

    如何使用Ratchet隐藏地址栏?

  18. 18

    Javascript:访问地址栏并重定向到新URL?

  19. 19

    通过htaccess更改URL在地址栏中的显示方式

  20. 20

    javascript,单击后更改与单击元素不同的元素的html

  21. 21

    如何使用.htaccess重定向到404但在地址栏上保留错误的URL

  22. 22

    从地址栏中执行JavaScript会导致浏览器退出页面?

  23. 23

    仅使用键盘在Thunderbird中编写电子邮件时如何更改地址类型

  24. 24

    尽管在地址栏中工作,但使用jquery ajax向Open Weather Map API发出的HTTP GET请求却给出404

  25. 25

    使用地址栏命令在网页中查找文本?

  26. 26

    在Linux上使用Alt + D仅选择Chrome中的地址栏?

  27. 27

    Laravel-使用RESTful控制器时从地址栏中删除模型ID

  28. 28

    成功更改状态后,UI路由器无法更新地址栏中的URL

  29. 29

    在Nautilus中使用路径栏和地址栏

热门标签

归档