html-reference/element/script/index.html at master · csseditor/html-reference · GitHub

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
143
---
layout: single
elementName: script
---

<section id="script" class="element">
  <header class="element-header">
    <nav class="element-links">
      <span>
        Self-closing:
        <strong>
            No
        </strong>
      </span>
      <a class="element-links-direct" href="{{site.url}}/element/script/" data-element-name="script" data-tooltip="Single page for this element">Permalink</a>
      <a class="element-share" data-tooltip="Share on Twitter or Facebook" data-element-name="script">Share</a>
      <a target="_blank" href="https://developer.mozilla.org/en/docs/Web/HTML/Element/script" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a>
    </nav>
    <h2 class="element-name">
      <a href="#script">
        <span>#</span>
        script
      </a>
    </h2>
    <div class="element-description">
      <p>Defines a container for an <strong>external script</strong>.</p>

    </div>
  </header>

      <div id="script-example-0" class="example">
        <p class="example-label">
          <strong>Example:</strong>
          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#script-example-0-code">Copy</a>
        </p>
        <article class="example-preview">
          <div id="script-example-0-code" class="example-code">{% highlight html %}<script src="{{site.url}}/javascript/my-scripts.js"></script>{% endhighlight %}</div>
        </article>
      </div>
      <div id="script-example-1" class="example">
        <p class="example-label">
          <strong>Example:</strong>
          <a class="example-clipboard" data-tooltip="Click to copy code" data-clipboard-target="#script-example-1-code">Copy</a>
        </p>
        <article class="example-preview">
          <div id="script-example-1-code" class="example-code">{% highlight html %}<script type="text/javascript">
  console.log('Hello World');
</script>{% endhighlight %}</div>
        </article>
      </div>

    <article id="script-src" class="attribute">
      <header class="attribute-header">
        <h3 class="attribute-name">
          <code class="tag" data-tooltip="Click to copy" data-clipboard-text="src">
            src
          </code>
        </h3>
        <div class="attribute-description">
          <p>Defines the source of the external script.</p>

        </div>
      </header>

      <div class="attribute-values">
          <article id="script-src-javascriptmy-scriptsjs" class="value">
            <header class="value-header">
                <h4 class="value-name">
                  <code class="tag" data-tooltip="Click to copy src=&quot;/javascript/my-scripts.js&quot;" data-clipboard-text="src=&quot;/javascript/my-scripts.js&quot;">
                      "/javascript/my-scripts.js"
                  </code>
                </h4>
              <div class="value-description">
                <p>The URL can be relative or absolute.</p>

              </div>
            </header>
            <aside class="value-preview">
              <div class="value-output"><script  src="/javascript/my-scripts.js"></script></div>
            </aside>
          </article>
      </div>
    </article>
    <article id="script-type" class="attribute">
      <header class="attribute-header">
        <h3 class="attribute-name">
          <code class="tag" data-tooltip="Click to copy" data-clipboard-text="type">
            type
          </code>
        </h3>
        <div class="attribute-description">
          <p>Defines the <a href="http://www.iana.org/assignments/media-types/media-types.xhtml">MIME type</a> of the external script.</p>

        </div>
      </header>

      <div class="attribute-values">
          <article id="script-type-textjavascript" class="value">
            <header class="value-header">
                <h4 class="value-name">
                  <code class="tag" data-tooltip="Click to copy type=&quot;text/javascript&quot;" data-clipboard-text="type=&quot;text/javascript&quot;">
                      "text/javascript"
                  </code>
                </h4>
              <div class="value-description">
                <p>This is for <code>.js</code> files.</p>

              </div>
            </header>
            <aside class="value-preview">
              <div class="value-output"><script  type="text/javascript"></script></div>
            </aside>
          </article>
      </div>
    </article>
    <article id="script-async" class="attribute attribute--novalue">
      <header class="attribute-header">
        <h3 class="attribute-name">
          <code class="tag" data-tooltip="Click to copy" data-clipboard-text="async">
            async
          </code>
        </h3>
        <div class="attribute-description">
          <p>Allows the external script to be loaded asynchronously.</p>

            <strong class="attribute-is-novalue">No value required.</strong>
        </div>
      </header>

      <div class="attribute-values">
          <article id="script-async-undefined" class="value">
            <header class="value-header">
              <div class="value-description">

              </div>
            </header>
            <aside class="value-preview">
              <div class="value-output"><script  async></script></div>
            </aside>
          </article>
      </div>
    </article>
</section>