HTML / Javascript - Как сделать, чтобы ссылка html отображала URL, и действительно ли она была перенаправлена ​​в функцию javascript?

Question

У меня есть html-страница, и мне нужна ссылка, чтобы показать, что пользователь будет переходить к «example.html», тогда как на самом деле ссылка переходит к «javascipt: ajaxLoad (example.html);».

Я пробовал это:

<a href="example" onclick="javascipt:ajaxLoad(example.html);">Example</a>

Но это не сработало. Любая помощь? Я уже задавал веб-мастерам stackexchange, и они сказали мне, что это будет вопрос программирования javascript. Не вопрос HTML.

Answer 1

<a href="example.html" onclick="ajaxLoad(this.href); return false;">Example</a>

Возвращая false, вы предотвращаете действие по умолчанию. Таким образом, ссылки будут по-прежнему работать, когда JavaScript отключен, но тогда вы не получите функциональность AJAX.

Answer 2

Просто укажите href на фактический файл. Javascript onclick будет иметь приоритет - до тех пор, пока вы позаботитесь об отключении фактического эффекта нажатия, выполнив «return false» или аналогичное, в строке состояния будет отображаться «example.html», а не URL-адрес javascript.

Также обратите внимание, что это должно быть javascript:... (у вас отсутствует r). Атрибуты onwhatever уже предполагаются как javascript, так что вы можете просто сказать onclick="ajaxLoad(...) в любом случае.

Answer 3

Послушайте, я не уверен, что понял, о чем вы спрашиваете, но следующее исправление часто работает со мной. Просто замените двойные кавычки на одинарные и поместите двойные кавычки вокруг части example.html

<a href="example" onclick='javascipt:ajaxLoad("example.html");'>Example</a>