Този блог ще обсъди функционалностите на посочения href израз „ ”.
Какво прави href изразът “ ”?
Атрибутът href в HTML „ ” обикновено указва URL адреса или уеб страницата, към която е насочена връзката.
В случай че ' ”, атрибутът href е зададен на „ javascript:; ”, което е заместваща стойност, която не прави нищо при щракване. Това често се използва, когато връзката се използва за JavaScript функция или събитие и не е необходимо да пренасочва потребителя към нова страница.
„ javascript:; ” е най-впечатляващата функция на JavaScript за интегрирането му с HTML и CSS. Помага да извикате функциите на JavaScript в HTML href или anchor таг.
Пример
В дадения пример покажете изображението на текущата страница, като щракнете върху връзката с помощта на „ javascript:; ” в атрибута href, който ще попречи на браузъра да напусне текущата страница:
< div id = 'myImage' > див >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Показване на изображение а >
В горния код:
- Първо създайте div елемент в HTML файла и задайте id ' myImg ”.
- Задайте атрибута href на „ javascript:; ” и създайте „ img ' елемент, използващ ' createElement() ” метод.
- „ src ” ще посочи пътя на изображението.
- Вземете препратката към елемента на изображението в HTML файла, за да покажете изображението, като използвате „ getElementById() ” метод.
- Добавете изображението като дъщерен елемент, като използвате „ appendchild() ” метод.
Резултатът показва, че изображението ще се покаже на същата страница, докато щраквате върху връзката:
Можете също така да получите достъп до функцията в етикета href с „ javascript:; ” контейнер:
< div id = 'myImage' > див >< a href = 'javascript:myFunction();' > Щракнете върху мен а >
Дефинирайте функция ' myFunction() ” в тага