HTML で JavaScript を使用する方法

醉折花枝作酒筹
リリース: 2021-06-15 11:37:57
オリジナル
3048 人が閲覧しました

HTML では、「<script>JavaScript代码</script>」コードをページに追加するだけで、script タグ内で JavaScript を使用できます。 script タグは、クライアント スクリプトを定義するために使用されます。この要素には、スクリプト ステートメントを含めることも、src 属性を通じてスクリプト ステートメントを指定することもできます。バージョン、Dell G3 コンピューター。

推奨学習:

html ビデオ チュートリアル

1. スクリプト要素を使用します

<script>
    //JavaScript代码
</script>
ログイン後にコピー

HTML 4.01 では、<script>の 6 つの属性を定義しています<a href="https://www.php.cn/course/list/11.html" target="_blank"> </a></p>async (オプション) <h4 id="1使用script元素"> は、スクリプトをすぐにダウンロードする必要があることを示しますが、他のリソースや読み込まれる他のスクリプトのダウンロードなど、ページ上の他の操作を妨げません。外部スクリプト ファイルにのみ有効です </h4><p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">//异步脚本 &lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;first.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;second.js&quot;&gt;&lt;/script&gt; //指定async属性的目的是不让页面等待这两个脚本下载和执行,从而异步加载页面其他内容。 //但是不保证它们的先后顺序,也就是第二个脚本可能在第一个脚本之前执行。</pre><div class="contentsignin">ログイン後にコピー</div></div><ul><li><p>charset (オプション、ほとんど使用されません) </p> コードの文字値を指定します。ほとんどのブラウザは無視します、ほとんど使用されません</li></ul><ul><li>#defer (オプション) <p> は、ドキュメントが完全に解析されて表示されるまでスクリプトを遅延できることを示します。外部ファイルに対してのみ有効です。 <br/></p>#<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">//延迟脚本 &lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;first.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;second.js&quot;&gt;&lt;/script&gt; //添加defer属性之后,直到遇到&lt;/html&gt;才会执行,也就是最后最后执行就是它了</pre><div class="contentsignin">ログイン後にコピー</div></div></li><li><p>言語 (廃止) <br/> コードの記述に使用されるプログラミング言語を示すために使用されます。廃止されました </p></li></ul> # src (オプション) <ul> 実行するコードを含む外部ファイルを表します <li><p><br/><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;text/javascript&quot; src=&quot;first.js&quot;&gt;&lt;/script&gt; //外部文件first.js将被加载到当前页面中 //注意注意呀,此时在&lt;script&gt;和&lt;/script&gt;之间不再包含额外的JavaScript代码,因为这些额外的代码将会被忽略,不执行!!!</pre><div class="contentsignin">ログイン後にコピー</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">&lt;script type=&quot;javascript&quot; src=&quot;www.somewhere.com/file.ja&quot;&gt;&lt;/script&gt; //也就是说src还可以包含来自外部域的.js文件,而不仅仅是自己编写的。功能更加强大。 //注意注意呀,外部域的.js文件可能不可控,所以要么你是它的所有者、要么他的所有者值得信赖、要么就不要使用!!!</pre><div class="contentsignin">ログイン後にコピー</div></div></p></li><li>type (オプション) <p> は言語の代替と見なすことができます。一般的に使用されるのは type=text/javascript ですが、必ずしもこれを指定する必要はありません。 <br/></p><script></script> に含まれるものについて上から順に説明します。解釈された

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート