使用語境
| 分類 | None |
|---|---|
| 允許內容 | 任何元素或字元資料 |
屬性
crossorigin-
此屬性定義了為 HTML
<script>元素定義的 CORS 設定。值型別： [ anonymous | use-credentials ]?；預設值：?；可動畫：是 fetchpriority實驗性 非標準-
提供在獲取外部指令碼時使用的相對優先順序的提示。允許的值
hreftype-
此屬性定義要使用的指令碼語言的型別。值型別：
<media-type>；預設值：application/ecmascript；可動畫：否 xlink:href已棄用
DOM 介面
此元素實現了 SVGScriptElement 介面。
示例
html
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>
規範
| 規範 |
|---|
| Scalable Vector Graphics (SVG) 2 # ScriptElement |
瀏覽器相容性
載入中…