Detaillierte Einführung in href und onclick eines Tags in HTML

Ich habe den href und den onclick von sehr beiläufig geschrieben. Später gab es mehrere Probleme, und ich begann, diesem Problem später Aufmerksamkeit zu schenken:

Erster Auszug Ein Dokument:

In Javascript ist void ein Operator, der angibt, einen Ausdruck auszuwerten, aber keinen Wert zurückzugeben.

Das Verwendungsformat des Void-Operators lautet wie folgt:

1. javascript:void (expression) 
2. javascript:void expression

Ausdruck ist ein auszuwertender Javascript-Standardausdruck. Die Klammern außerhalb des Ausdrucks sind optional, es empfiehlt sich jedoch, sie zu schreiben. (Implementierungsversion Navigator 3.0)

Sie können den Void-Operator verwenden, um einen Hyperlink anzugeben. Der Ausdruck wird ausgewertet, es wird jedoch nichts in das aktuelle Dokument geladen.

Der folgende Code erstellt einen Hyperlink, der dazu führt, dass dem Benutzer später nichts passiert. Wenn der Benutzer eine Verknüpfung herstellt, wird void(0) als 0 ausgewertet, hat aber keine Auswirkung auf das Javascript.

<A HREF="javascript:void(0)">单此处什么也不会发生</A>

Der folgende Code erstellt einen Hyperlink, der den Benutzer dazu veranlasst, das Formular sofort abzusenden.

<A HREF="javascript:void(document.form.submit())">

Formular hier senden

Der folgende Code führt die Funktion subgo() aus,

<a href="javascript:void(0)" onclick="subgo()">点我</a>

Hier hat javascript:void(0) keine eigentliche Funktion. Es ist nur ein toter Link und die ausgeführte Funktion ist subgo().

点我与<a href="javascript:void(0)" onclick="subgo()">点我</a>区别。

Tatsächlich enthält #eine Standortinformation. Der Standardanker ist #top, also der obere Rand der Webseite, und javascript:void(0) stellt nur eine dar toter Link ohne jegliche Informationen. Daher ist es am besten, beim Aufrufen eines Skripts void(0) zu verwenden

href verweist im Allgemeinen auf eine URL-Adresse, oder Sie können Javascript aufrufen, z. B. href="javascript:xxx( );", Dokument Es wird empfohlen, so zu schreiben: xx, aber diese Methode verursacht manchmal seltsame Probleme in Versuchen Sie daher nicht, in komplexen Umgebungen das javascript:-Protokoll als href-Attribut von A zu verwenden. Dies führt nicht nur dazu, dass das window.onbeforeunload-Ereignis unnötigerweise ausgelöst wird, sondern führt auch dazu, dass das animierte GIF-Bild im IE nicht mehr abgespielt wird.

Wir wissen, dass das Onclick-Ereignis des Links zuerst ausgeführt wird, gefolgt von der Aktion unter dem href-Attribut (Seitensprung oder Javascript-Pseudolink). Ich möchte die Aktion nicht unter dem href-Attribut ausführen. Für die Aktionsausführung muss onclick false zurückgeben. Im Allgemeinen ist onclick="xxx();return false;".

TabPane's JS-Quellcode: Da onclick kein FALSE zurückgibt, führt das Schließen von TABPANE in IFRMAE zu Problemen bei der Ausführung von href und der Seitenanzeige. Die Lösung besteht darin, den folgenden Code mit TAB in die JSP zu kopieren.

TabPane.prototype.appendTitle = function(tabpage){
  var td = $create("td");
  var strHTML = "<table class="" + TAB_STYLE_TABLE  + "" border="0" cellspacing="0" cellpadding="0"><tr>";
  strHTML +="<td><p class=""+TAB_STYLE_LEFT+""></p></td>";
  strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
  strHTML +="<p style="white-space:nowrap;page-break-before: always;page-break-after: always;">";
  strHTML += tabpage.getTitle();
  strHTML +="</p></td>";
  if(tabpage.showCloseButton){
   strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
   strHTML +="<a class="close" href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id + "\").close();
return false;
">";
   if(isIE){
    strHTML +="<p></p></a>";
   }else{
    strHTML +="<p class="close"></p></a>";
   }
   strHTML +="</td>";
  }
  if(tabpage.allowReload){
   strHTML +="<td nowarp class=""+TAB_STYLE_MID+"">";
   strHTML +="<a class="reload" href="#" onclick="$o(\"" + this.id + "\").getTab(\"" + tabpage.id + "\").reload();
return false;
">";
   if(isIE){
    strHTML +="<p></p></a>";
   }else{
    strHTML +="<p class="reload"></p></a>";
   }
   strHTML +="</td>";
  }
  strHTML +="<td><p class=""+TAB_STYLE_RIGHT+""></p></p>";
  strHTML +="</td></tr></table>";
  td.className = TAB_STYLE_NOMAL + this.styleSuffix;
  td.innerHTML = strHTML;
  tabpage.__titleTD = td;
  tabpage.setTitleTD();
  tabpage.initStatus();
  this.__titleTR.insertBefore(td,this._titleTD);
  tabpage.titleWidth = td.offsetWidth;
}

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in href und onclick eines Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!