<script>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das SVG-Element script
ermöglicht es, Skripte zu einem SVG-Dokument hinzuzufügen.
Beispiel
Click the circle to change colors.
<svg
viewBox="0 0 10 10"
height="120px"
width="120px"
xmlns="http://www.w3.org/2000/svg">
<circle cx="5" cy="5" r="4" />
<script>
// <![CDATA[
function getColor() {
const R = Math.round(Math.random() * 255)
.toString(16)
.padStart(2, "0");
const G = Math.round(Math.random() * 255)
.toString(16)
.padStart(2, "0");
const B = Math.round(Math.random() * 255)
.toString(16)
.padStart(2, "0");
return `#${R}${G}${B}`;
}
document.querySelector("circle").addEventListener("click", (e) => {
e.target.style.fill = getColor();
});
// ]]>
</script>
</svg>
Attribute
crossorigin
-
Dieses Attribut definiert die CORS-Einstellungen, wie sie für das HTML-Element
<script>
festgelegt sind. Werttyp: <string>; Standardwert:?
; Animierbar: ja href
-
Die URL zum zu ladenden Skript. Werttyp: <URL> ; Standardwert: none; Animierbar: nein
type
-
Dieses Attribut definiert den Typ der zu verwendenden Skriptsprache. Werttyp: <string>; Standardwert:
application/ecmascript
; Animierbar: nein xlink:href
Veraltet-
Die URL zum zu ladenden Skript. Werttyp: <URL> ; Standardwert: none; Animierbar: nein
Nutzungskontext
Kategorien | Keine |
---|---|
Erlaubter Inhalt | Beliebige Elemente oder Zeichendaten |
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ScriptElement |
Browser-Kompatibilität
BCD tables only load in the browser