Na tym blogu omówimy funkcjonalności podanego wyrażenia href „ ”.
Co robi wyrażenie href „ ”?
Atrybut href w kodzie HTML „ ” zwykle określa adres URL lub stronę internetową, do której prowadzi łącze.
W przypadku ' ”, atrybut href jest ustawiony na „ javascript:; ”, która jest wartością zastępczą, która nie robi nic po kliknięciu. Jest to często używane, gdy link jest używany do funkcji lub zdarzenia JavaScript i nie musi przekierowywać użytkownika na nową stronę.
„ javascript:; ” to najbardziej imponująca funkcja JavaScript do integracji z HTML i CSS. Pomaga wywoływać funkcje JavaScript w HTML href lub tagu kotwicy.
Przykład
W podanym przykładzie wyświetl obraz na bieżącej stronie, klikając link za pomocą „ javascript:; ” w atrybucie href, który uniemożliwi przeglądarce opuszczenie bieżącej strony:
< identyfikator div = 'mój obraz' > dz >
< href = 'javascript: img = document.createElement('img');
img.src = 'słońce.jpg';
src = document.getElementById('myImg');
src.appendDziecko(img);' > Pokaż obraz A >
W powyższym kodzie:
- Najpierw utwórz element div w pliku HTML i przypisz identyfikator „ mój obraz ”.
- Ustaw atrybut href na „ javascript:; ” i utwórz „ img ” element wykorzystujący „ utwórz element () ' metoda.
- „ źródło Atrybut ” wskaże ścieżkę obrazu.
- Uzyskaj odniesienie do elementu obrazu w pliku HTML, aby wyświetlić obraz za pomocą „ getElementById() ' metoda.
- Dołącz obraz jako element podrzędny, używając „ dołączanie elementu podrzędnego () ' metoda.
Dane wyjściowe wskazują, że obraz zostanie wyświetlony na tej samej stronie po kliknięciu łącza:
Możesz również uzyskać dostęp do funkcji w tagu href za pomocą „ javascript:; symbol zastępczy:
< identyfikator div = 'mój obraz' > dz >< href = 'javascript:mojaFunkcja();' > Kliknij A >
Zdefiniuj funkcję „ mojaFunkcja() ” w tagu