如何不更改网页URL？

Question

我需要使用jQuery mobile设置相对于当前页面URL的按钮的href值。

所以我天真地写了以下代码：

var path = window.location;
path = path.replace( "shop","edit" );
$("#btnEdit").setAttr( "href", path );

页面的网址为http：// mysite / shop / 1 ，按钮的href设置为http：// mysite / edit / 1 。

当将此代码插入“ pageinit”处理程序的顶部时，我看到浏览器（firefox和chrome）的位置栏中的URL更改为http：// mysite / shop / shop ，并且页面显然已重新加载，所以我出现404错误，因为它必须在/ shop /之后有一个数字，并且其值应为1。

即使我注释掉了，重新启动Web服务器，浏览器也会在其url位置字段中将http：// mysite / shop / 1替换为http：// mysite / shop / shop 。 ？！

我必须评论这些说明，重新启动服务器以及避免这种URL替换的方法。

到底是怎么回事 ？ 如何获得页面位置URL并设置按钮href值，而又没有这种讨厌的副作用？

---

编辑1：

1. 我确实应该使用.attr或.prop代替不存在的.setAttr。
2. 网址更改仅在Chrome和Firefox中显示，而在iPad，Android或IE9中不显示。 运行chrome调试工具，似乎jQuery在match.call（document.documentElement，“ [test！='']：sizzle”）指令上抛出了DOMException 。 。 我不知道这是什么意思，为什么它会导致页面被不同的URL重新加载。

---

编辑2：

1. 我正在使用fapws作为Web服务器，并使用mako作为模板。 在我删除了mako生成的缓存的python文件后，网址更改消失了。 ？！
2. 根据建议，我应该使用.attr和window.location.href 。 这可以正常工作，并且按钮的href属性已设置为正确的值。
3. 尽管它仍然无法正常工作。 我现在看到了新的意外和不良行为。 单击该按钮时，位置栏中的URL更改为http：// mysite / edit / 1 ，它执行商店页面的pageinit（？！），然后加载编辑页面而不执行其pageinit事件。

---

解：

在html文件中，我使用默认的href值定义了此按钮，没什么特别的：

<a href="#" data-role="button" data-icon="pencil" id="btnEdit"> Edit </a>

在脚本文件中，更确切地说，在$（document）.on（'pageinit'，...）的处理程序中，我现在有了这段代码，该代码设置href值，但还将rel =“ external”属性添加到按钮。

var path = window.location.href;
path = path.replace( "shop","edit" );
$("#btnEdit").attr( "href", path ).attr( "rel", "external" );

没有更多的页面自动重新加载，并且已删除了奇怪的加载行为。 发生这种情况是因为jQuery Mobile中<a>标记的默认行为是使用ajax加载目标页面，而不是正常的完整页面加载。 属性rel =“ external”禁用此行为，然后正常地完全加载了引用的页面。 此处的jQM文档中描述了此行为。

注意 ：尽管许多答案对帮助我解决此问题做出了具体贡献，但我检查了Mad Man Moon的答案，因为他非常有帮助，并且得分较低。 如果可以检查多个答案，我会做的。

Answer 1

使用attr代替setAttr （除非您不使用自定义函数或某些框架/库）

$("#btnEdit").attr( "href", path );

至于自动更改的URL，请查看是否在.htaccess文件中设置了URL重写，或者是否有可能在其他文件中更改了URL。

Answer 2

即使我注释掉 ，重新启动Web服务器，浏览器会自动在其URL地址字段中的〜/店/店替换〜/店/ 1。 ？！

我必须评论这些说明，重新启动服务器以及避免这种URL替换的方法。

1. 我有点困惑。 您评论的“它”是什么？
2. 即使针对您对window.location的变量引用执行了替换操作，它也应将“ shop”替换为“ edit”，因此重定向应为“ mysite / edit / 1”（除非js regex引擎正在处理1作为捕获指数？）
3. 根据您的RESTful样式URL，我怀疑您正在使用某种服务器端MVC框架。 如果是这样，则重定向很有可能是服务器端的问题，与替换无关。
4. 最后，将其设置为等于window.location.href ，而不是设置path = window.location 。 window.location的是包含URI属性（HREF，搜索，哈希等）的对象 。 window.location.href是完整URL的字符串属性。

编辑：我决定做我自己的一点测试，并确认问题是您正在设置path = window.location。 设置path = window.location.href ，您的代码将起作用。

Answer 3

尝试这个

var path = window.location;
path = path.replace( "shop","edit" );
$("#btnEdit").prop( "href", path );

Answer 4

您的问题是path充当window.location的别名，因此path.replace()是window.location.replace() ，这会触发重定向。

解决方案：在window.location的末尾添加.toString()以获取字符串值而不是对象。 var path = window.location.toString()