如何制作可正常跳转的href按钮？我的按钮链接为何失效？

你的问题出在引号嵌套冲突上：按钮的onclick属性本身用双引号包裹，而里面给location.href赋值时又用了双引号，浏览器解析到第二个双引号时就会误以为onclick的内容结束了，剩下的代码会被当成无效内容，导致功能异常。

修复方法有两种：

1. 把URL外层的双引号改成单引号：

<button onclick="location.href='https://arborapaloalto.securecafe.com/onlineleasing/arbora/scheduletour.aspx'">Request an appointment</button>

2. 转义URL外层的双引号（在双引号前加反斜杠\）：

<button onclick="location.href=\"https://arborapaloalto.securecafe.com/onlineleasing/arbora/scheduletour.aspx\"">Request an appointment</button>

两种写法都能让浏览器正确解析onclick里的跳转逻辑，任选其一即可。

内容的提问来源于stack exchange，提问作者Jennie Fix