aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/svgaelement/index.html
blob: 16d080680897eaed381a7263013b69e822b4a261 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
---
title: SVGAElement
slug: Web/API/SVGAElement
translation_of: Web/API/SVGAElement
---
<p>{{APIRef("SVG")}}</p>

<p>{{SeeCompatTable}}</p>

<p>Интерфейс <strong><code>SVGAElement</code></strong><code> предоставляет доступ к свойствам </code> {{ SVGElement("a") }} элемента а также к методам манипулирования ими.</p>

<p>Интерфейс наследует следующие интерфейсы: {{ domxref("SVGElement") }}, {{ domxref("SVGURIReference") }}, {{ domxref("SVGTests") }}, {{ domxref("SVGLangSpace") }}, {{ domxref("SVGExternalResourcesRequired") }}, {{ domxref("SVGStylable") }}, {{ domxref("SVGTransformable") }}.</p>

<h2 id="Свойства">Свойства</h2>

<p><em>Этот интерфейс также наследует свойства от его родителя, {{domxref("SVGGraphicsElement")}} и реализует свойства из {{domxref("SVGURIReference")}} и {{domxref("HTMLHyperlinkElementUtils")}}.</em></p>

<dl>
 <dt>{{domxref("SVGAElement.download")}}</dt>
 <dd>См. {{domxref("HTMLAnchorElement.download")}}.</dd>
 <dt>{{domxref("SVGAElement.href")}}</dt>
 <dd>См. {{domxref("HTMLAnchorElement.href")}}.</dd>
 <dt>{{domxref("SVGAElement.hreflang")}}</dt>
 <dd>Является {{domxref("DOMString")}}, который отражает атрибут <code>hreflang</code>, указывающий язык связанного ресурса.</dd>
 <dt>{{domxref("SVGAElement.ping")}}</dt>
 <dd>Является {{domxref("DOMString")}}, отражая атрибут ping, содержащий список URL-адресов, разделённых пробелами, к которым, когда выполняется гиперссылка, {{HTTPMethod("POST")}} запрос с телом <code>PING</code> будет отправлен браузером (в фоновом режиме). Обычно используется для отслеживания.</dd>
 <dt>{{domxref("SVGAElement.referrerPolicy")}}</dt>
 <dd>См. {{domxref("HTMLAnchorElement.referrerPolicy")}}.</dd>
 <dt>{{domxref("SVGAElement.rel")}}</dt>
 <dd>См. {{domxref("HTMLAnchorElement.rel")}}.</dd>
 <dt>{{domxref("SVGAElement.relList")}}</dt>
 <dd>См. {{domxref("HTMLAnchorElement.relList")}}.</dd>
 <dt>{{domxref("SVGAElement.target")}} {{readonlyInline}}</dt>
 <dd>соответствует атрибуту {{SVGAttr("target")}} данного элемента. </dd>
 <dt>{{domxref("SVGAElement.text")}}</dt>
 <dd>Является {{domxref("DOMString")}} синонимом свойства {{domxref("Node.textContent")}}</dd>
 <dt>{{domxref("SVGAElement.type")}}</dt>
 <dd>Is a that reflects theattribute, indicating the MIME type of the linked resource. <br>
 Является {{domxref("DOMString")}}, который отражает атрибут <code>type</code> , указывающий тип MIME связанного ресурса.</dd>
</dl>

<h2 id="Методы">Методы</h2>

<p><em>Этот интерфейс не имеет методов, но наследует методы от его родителя, {{domxref ("SVGGraphicsElement")}}</em></p>

<h2 id="Пример">Пример</h2>

<p>В примере ниже, атрибуту {{SVGAttr("target")}} элемента {{SVGElement('a')}} присвоено значение <em>_blank</em> и при клике по ссылке, при соблюдении условий, выведется сообщение в модальном окне. </p>

<pre class="brush: js">var linkRef = document.querySelector('a');
linkRef.target ='_self';

linkRef.onclick = function(){
    if (linkRef.target == '_blank') {
        alert("BLANK !");
        linkRef.target = '_self';
    }
    else
        alert("SORRY! not _blank");
} </pre>

<h2 id="Характеристики">Характеристики</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Спецификация</td>
   <td>Статус</td>
   <td>Коммент</td>
  </tr>
  <tr>
   <td>{{SpecName("SVG2", "linking.html#InterfaceSVGAElement")}}</td>
   <td>{{Spec2("SVG2")}}</td>
   <td>Заменено наследование от {{domxref("SVGElement")}} {{domxref("SVGGraphicsElement")}} и удалены реализации интерфейса {{domxref("SVGTests")}}, {{domxref("SVGLangSpace")}}, {{domxref("SVGExternalResourcesRequired")}}, {{domxref("SVGStylable")}} и {{domxref("SVGTransformable")}} {{domxref ("HTMLHyperlinkElementUI")}}</td>
  </tr>
  <tr>
   <td>{{SpecName('SVG1.1', 'linking.html#InterfaceSVGAElement')}}</td>
   <td>{{Spec2('SVG1.1')}}</td>
   <td>Начальное определение</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость с браузером</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>9.0</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>SVG {{SVGElement("a")}} элемент</li>
</ul>