Chciałbym zapytać o tag HTML
<a href="www.mysite.com" onClick="javascript.function();">Item</a>
Jak zrobić to tag pracy z href i onClick ? (wolę onClick działa najpierw, a następnie href)
Masz już to, czego potrzebujesz, z niewielką zmianą składni:
<a href="www.mysite.com" onclick="return theFunction();">Item</a>
<script type="text/javascript">
function theFunction () {
// return true or false, depending on whether you want to allow the `href` property to follow through or not
}
</script>
Domyślnym zachowaniem <a>
tagu onclick
i href
właściwości jest wykonanie onclick
, a następnie podążanie href
za nim, dopóki onclick
nie zwróci false
, anulując zdarzenie (lub zdarzenie nie zostało zablokowane)
href="#"
tam prawdziwego adresu URL.Użyj jQuery . Musisz uchwycić
click
wydarzenie, a następnie przejść do witryny internetowej.źródło
href
atrybut.Aby to osiągnąć, użyj następującego html:
Oto działający przykład .
źródło
<a href="http://example.com" >Item</a>
aw Chrome widzę komunikat, aby zezwolić stronie na uruchomienie tego linku (alert na końcu paska chrome url). W safari w konsoli widzę ostrzeżenie: [zablokowano] Strona pod adresem fiddle.jshell.net/_display nie mogła wyświetlać niezabezpieczonych treści z example.com - więc prawdopodobnie jest to problem z bezpieczeństwem (tylko na skrzypcach?)Nie potrzeba jQuery.
Niektórzy mówią, że używanie
onclick
jest złą praktyką ...W tym przykładzie zastosowano czysty javascript przeglądarki. Domyślnie wydaje się, że moduł obsługi kliknięć oceni przed nawigacją, więc możesz anulować nawigację i zrobić własną, jeśli chcesz.
źródło
Użyj
ng-click
zamiastonclick
. i to takie proste:źródło