fetchpriority
非标准:此特性未标准化。我们不建议在生产环境中使用非标准特性,因为它们浏览器支持有限,并且可能会更改或被移除。但是,在没有标准选项的特定情况下,它们可以是合适的替代方案。
fetchpriority
属性为浏览器提供了一个关于获取外部资源时应使用的相对优先级的提示。它的工作方式与 HTML 中 <img>
和 <script>
元素的 fetchpriority
属性相同。
你可以将此属性与以下 SVG 元素一起使用
用法说明
值 | high | low | auto |
---|---|
默认值 | auto |
示例
此示例演示了如何将 SVG <script>
元素的优先级设置为 high
。
html
<svg
viewBox="0 0 10 10"
height="120px"
width="120px"
xmlns="http://www.w3.org/2000/svg">
<circle id="normal" cx="5" cy="5" r="4" />
<script href="./color-change.js" fetchpriority="high"></script>
</svg>
浏览器兼容性
svg.elements.feImage.fetchpriority
加载中…
svg.elements.image.fetchpriority
加载中…
svg.elements.script.fetchpriority
加载中…
另见
- SVG
<script>
元素 - HTML
<script>
元素的fetchpriority
属性