製作一個可點擊鏈接按鈕

-2

所以我有一個片段，我用它來構建一些按鈕。製作一個可點擊鏈接按鈕

<a href="http://google.com"><font color=white><button class="button"><span>Register</span></button></font></a> 
<button class="button" onclick="window.location='http://www.google.com';"><span>SP Training</span></button> 
<button class="button"><span>Assistance</span></button> 
<button class="button"><span>Orders</span></button> 
<button class="button"><span>KM Milsuite</span></button> 
<button class="button"><span>TMT</span></button>

正如你可以看到我已經試過包裝在HREF整個事情，我已經試過包裝在HREF的跨度，我已經試過包裝剛剛在HREF的字體，都以失敗告終

好了，所以我長途跋涉下了Java世界，並嘗試了一些點擊（我發現在這個網站上的許多變化）沒有一個工作！每個按鈕都是可點擊的，但每個按鈕都只是簡單地鏈接到我目前正在處理的頁面。我絕不是這方面的專家，但我希望能有一點點投入！

有什麼建議嗎？

來源

2017-07-18 John Ammons

我不知道他們是否會解決什麼，但按鈕元素需要一個類型=「按鈕」否則默認爲type =」提交「 – Benneb10

它是否需要成爲一個實際的按鈕元素？你可以將你的設計得像一個按鈕。 – mcgraphix

爲什麼你將它們包裝在一個優先於點擊的錨標籤中？您必須將丟棄，或者使用* external *事件處理程序來防止單擊按鈕時發生默認操作。這將阻止href被觸發。 –

按鈕的目的是爲了之一：

提交表單（type="submit"，默認值）
允許JavaScript被觸發（type="button"）

，你可以看我已經試過包裝整個東西

HTML規範禁止這樣做。

我試圖包裹跨度HREF

跨度似乎起不到任何作用

每個按鈕是一個可點擊的，但每個按鈕只是鏈接回頁我是目前正在工作

如果點擊按鈕重新加載當前頁面，那麼它可能是一個提交按鈕裏面的for m的動作屬性可解析爲當前頁面（或無動作屬性）。

如果你想要一個鏈接，然後使用鏈接和不要使用按鈕。

如果你想你的鏈接到看就像一個按鈕，然後使用CSS樣式這種方式。請注意，:active僞類對於單擊鏈接時實現3d壓低效果非常有用。

來源

2017-07-18 16:12:39 Quentin

按鈕內的span標籤捕捉點擊操作。您必須從「冒泡」鏈中取出跨度。

最簡單的方法是應用CSS並將該類添加到您的span標籤。

span.nonclickable { 
    pointer-events: none; 
}

之後，您可以捕獲按鈕點擊。更詳細的解釋可以在這裏找到：Use CSS to make a span not clickable

這是不是很清楚你想要這些按鈕來做什麼。使用標籤鏈接到其他頁面，並使用按鈕來引用JavaScript或表單提交中的操作。

來源

2017-07-18 16:14:30 Daniel

如果我刪除了Span，我失去了按鈕的動作，當它懸停時，它將執行一定的操作以顯示您正在將它徘徊，刪除Span刪除操作 –

我看不到您的CSS，看看您有什麼影響span標籤。在我看來，你只有文本。爲什麼不移除span標籤，並將懸停效果放在按鈕本身上。更好的是，如果你只是鏈接到一個href屬性，只需要一個標籤並根據你的喜好設計它。 – Daniel

-1

你可以試試這個：

<input type="button" onclick="myF()" /> 

<script> 
    function myF() { 
    window.open('http://www.google.com', '_blank', 'resizable=yes'); 
    } 
</script>

希望它可以幫助

來源

2017-07-18 16:59:02

製作一個可點擊鏈接按鈕

回答

相關問題