script

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015å¹´7æâ©.

* Some parts of this feature may have varying levels of support.

ä¸ä¸ª SVG èæ¬åç´ çåäº HTML ä¸ç script åç´ ï¼å æ¤è¿ä¸ªä½ç½®æ¯é¢åèæ¬çï¼ä¾å¦ï¼ECMAScriptï¼ã

ä½¿ç¨ä¸ä¸æ

ç±»å«	æ
åè®¸çåå®¹	ä»»æåç´ æåç¬¦æ°æ®

ç¤ºä¾

ä¸é¢çä»£ç çæ®µæ¼ç¤ºäº SVG scriptæ ç¾çä½ç¨ãå¨ä»£ç ä¸ï¼æä»¬ä½¿ç¨ JavaScript æ¹å SVG <circle> åç´ çåå¾ã

html

<svg
  width="100%"
  height="100%"
  viewBox="0 0 100 100"
  xmlns="http://www.w3.org/2000/svg">
  <script type="text/javascript">
    // <![CDATA[
    function change(evt) {
      var target = evt.target;
      var radius = target.getAttribute("r");

      if (radius == 15) {
        radius = 45;
      } else {
        radius = 15;
      }

      target.setAttribute("r", radius);
    }
    // ]]>
  </script>

  <circle cx="50" cy="50" r="45" fill="green" onclick="change(evt)" />
</svg>

ç¤ºä¾è¾åºï¼