如何创建像链接一样的HTML按钮？

如何创建像链接一样的HTML按钮？因此，单击该按钮可将用户重定向到页面。

我希望它是可访问的，并且在URL中使用最少的额外字符或参数。

当前回答

在浏览器控制台中键入window.location并按Enter键。然后，您可以清楚地知道位置包含：

   hash: ""
   host: "stackoverflow.com"
   hostname: "stackoverflow.com"
   href: "https://stackoverflow.com/questions/2906582/how-to-create-an-html-button- 
   that-acts-like-a-link"
   origin: "https://stackoverflow.com"
   pathname: "/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link"
   port: ""
   protocol: "https:"

您可以从这里设置任何值。

因此，对于重定向另一个页面，可以使用链接设置href值。

   window.location.href = your link

在您的案例中：

   <button onclick="window.location.href='www.google.com'">Google</button>

2019-07-02 09:05:39

其他回答

在浏览器控制台中键入window.location并按Enter键。然后，您可以清楚地知道位置包含：

   hash: ""
   host: "stackoverflow.com"
   hostname: "stackoverflow.com"
   href: "https://stackoverflow.com/questions/2906582/how-to-create-an-html-button- 
   that-acts-like-a-link"
   origin: "https://stackoverflow.com"
   pathname: "/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link"
   port: ""
   protocol: "https:"

您可以从这里设置任何值。

因此，对于重定向另一个页面，可以使用链接设置href值。

   window.location.href = your link

在您的案例中：

   <button onclick="window.location.href='www.google.com'">Google</button>

2019-07-02 09:05:39

还可以使用按钮：

例如，在ASP.NET Core语法中：

// Some other tags
 <form method="post">
      <input asp-for="YourModelPropertyOrYourMethodInputName"
      value="@TheValue" type="hidden" />
      <button type="submit" class="link-button" formaction="/TheDestinationController/TheDestinationActionMethod">
      @(TextValue)
      </button>
  </form>
// Other tags...


<style>
       .link-button {
        background: none !important;
        border: none;
        padding: 0 !important;
        color: #20a8d8;
        cursor: pointer;
    }
</style>

2016-11-21 13:07:00

使用＜a＞标记创建一个按钮并添加适当的CSS内容：

.邻接{背景：#bada55；填充：5px；边界半径：5px；过渡：1s；文本装饰：无；颜色：黑色；}.attatton：悬停｛background:#2a2；｝<a href=“https://example.com“class=”abutton“>继续</a>

2020-06-28 11:11:46

您可以使用JavaScript：

代替http://www.google.com并确保在URL之前包含http://。

2019-02-25 18:51:38

七种方法：

使用window.location.href='URL'使用window.location.replace（'URL'）使用window.location=“URL”使用window.open（“URL”）使用window.location.assign（'URL'）使用HTML表单使用HTML定位标记

<button onclick='window.location.href=“https://stackoverflow.com"'>单击我</按钮><button onclick='窗口位置替换（“https://stackoverflow.com")'>单击我</按钮><button onclick='window.location=“https://stackoverflow.com"'>单击我</按钮><button onclick='窗口打开（“https://stackoverflow.com“，”_self“，”“，”）'>单击我</按钮><button onclick='窗口位置分配（“http://www.stackoverflow.com")'>单击我</按钮><表单操作='https://stackoverflow.com'方法='get'><input-type='submit'value='Click-Me'/></form><a href='https://stackoverflow.com'><button>单击我</button></a>

2019-03-27 18:21:17

如何创建像链接一样的HTML按钮？

推荐文章

最新文章

标签