Movatterモバイル変換

[0]ホーム
URL:

  1. Web
  2. URIs
  3. Reference
  4. Scheme
  5. #"position" content="5" />

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

#"/de/docs/Web/JavaScript/Reference/Global_Objects/eval">eval(). Dies kann auch dieBarrierefreiheit verringern, da es vom normalen Linkverhalten abweicht.

JavaScript-URLs, URLs mit dem Präfix#"#syntax">Syntax

  • Beschreibung
  • Beispiele
  • Spezifikationen
  • Siehe auch

    • Syntax

    url
    #"#javascript">#"#script"><script>
    Der auszuführende JavaScript-Code. Der Code wird als Skript geparst.

    Beschreibung

    #"/de/docs/Web/HTML/Reference/Elements/a#href">href-Attribut eines<a>- oder<area>-Elements.

  • Dasaction-Attribut eines<form>-Elements.
  • Dassrc-Attribut eines<iframe>-Elements.
  • Diewindow.location-JavaScript-Eigenschaft.
  • Die Browser-Adressleiste selbst.

    • Hinweis:Einige andere Kontexte, die URLs verwenden, wie dashref-Attribut von<link>-Elementen, erlauben keine#"/de/docs/Web/URI/Reference/Schemes/data">data:-URLs mit dem MIME-Typtext/javascript.

    Wenn ein Browser versucht, zu einem solchen Ort zu navigieren, wird der Skriptkörper geparst und ausgeführt. Das Skript kann einenVollendungswert (kein Rückgabewert) haben, was dem entspricht, als würde das Skript miteval() ausgeführt. Wenn die letzte Anweisung einAusdruck ist, ist der Vollendungswert der Wert dieses Ausdrucks. Wenn dieser Vollendungswert ein String ist, wird dieser String als HTML-Dokument behandelt und der Browser navigiert zu einem neuen Dokument mit diesem Inhalt, wobei die gleiche URL wie die aktuelle Seite verwendet wird. Es wird kein Verlaufseintrag erstellt. Wenn der Vollendungswert kein String ist, führt der Browser nur den Code aus und navigiert nicht. Daher wird oft empfohlen, wenn das Skript mit einem Funktionsaufruf wie#"/de/docs/Web/JavaScript/Reference/Operators/void">void zu prefixen, um eine versehentliche Navigation zu verhindern, falls die Funktion zufällig einen String zurückgibt.

    #"/de/docs/Web/HTTP/Guides/CSP">Content Security Policy (CSP) blockiert werden, insbesondere durchscript-src.

    Beispiele

    Verwendung von#"#">Click me</a>

    Daalert()undefined zurückgibt, navigiert der Browser nicht zu einer neuen Seite. Dies ist eine schlechte Praxis, weil der Link eigentlich kein Hyperlink ist. Erwägen Sie stattdessen, daraus einen Button zu machen:

    html
    <button>Click me</button><script>  document.getElementById("btn").addEventListener("click", () => {    alert("Hello, world!");  });</script>

    In diesem Beispiel ist dashref-Attribut eines<a>-Elements auf eine#"Hello, world!" navigiert:

    html
    <a href="#">Click me</a><script>  // Use a var so it becomes a global variable and can be read elsewhere  var pageContent = "Hello, world!";</script>

    Beachten Sie, dass#"verwendung_von_javascript-urls_als_formularaktionen" >

    Verwendung von#"#"> <input /> <input type="submit" value="Submit" /></form>

    Erwägen Sie stattdessen, auf dassubmit-Ereignis des Formulars zu hören und es mit JavaScript zu bearbeiten:

    html
    <form>  <input />  <input type="submit" value="Submit" /></form><script>  document.getElementById("myForm").addEventListener("submit", (event) => {    event.preventDefault();    alert(document.getElementById("myInput").value);  });</script>

    Verwendung von#"Hello, world!" navigiert:

    html
    <iframe src="#"></iframe><script>  // Use a var so it becomes a global variable and can be read elsewhere  var pageContent = "Hello, world!";</script>

    Überlegen Sie anstelle dessen, dassrcdoc-Attribut zu setzen:

    html
    <iframe></iframe><script>  document.getElementById("myFrame").srcdoc = "Hello, world!";</script>

    Verwendung von#"Hello, world!" navigiert:

    js
    window.location = "#";

    Anstelle dessen könnten Sie dieDOM-APIs verwenden, um den Seiteninhalt zu ändern. Zum Beispiel:

    js
    document.body.textContent = "Hello, world!";

    Spezifikationen

    Specification
    HTML
    # the-#"siehe_auch" >

    Siehe auch

    Help improve MDN

    Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.
    [8]ページ先頭
    ©2009-2025 Movatter.jp