HTMLにスクリプトを追加する2つの方法と注意点
|
HTML に <script> スクリプトを追加する方法: 1. HTMLにJavaScriptコードを直接追加できます コードをコピー コードは次のとおりです。<script type="text/javascript"> //JavaScript コード </スクリプト> インタープリターが <script> コードを埋め込むと、HTML ページの処理も一時的に停止されます。 2. 外部jsファイルを追加する コードをコピー コードは次のとおりです。<script type="text/javascript" src="外部 .js コードのアドレス"></script> 注記： ① XHTML文書では、</script>タグを省略することができます。例: コードをコピー コードは次のとおりです。<script type="text/javascript" src="example.js" /> ただし、HTML では </script> タグを省略することはできません。このタグは HTML 仕様に準拠していないため、一部のブラウザでは正しく解析できません。 ② <script> タグを </body> タグの前に置くと、ブラウザがページをより速く読み込むことができるようになります。 ③<script>を使用してJavaScriptコードを埋め込む場合、コード内のどこにも「</script>」文字列が表示されないようにしてください。たとえば、ブラウザは次のコードを読み込むときにエラーを生成します。 コードをコピー コードは次のとおりです。<script type="text/javascript"> 関数 function1(){ アラート("</script>"); } 埋め込みコードを解析するためのルールによれば、ブラウザは文字列 "</script>" に遭遇すると、それを </script> 終了タグであると認識するからです。コードに</script>文字列を追加したい場合は、<\/script>と記述します。 |
<<: Dockerを使用してプライベートGitLabを構築する2つの方法
>>: CSS の Flex レイアウトを使用してシンプルな縦棒グラフを作成する方法
推薦する
Centos7 に Docker をインストールします (2020 の最新バージョンが利用可能、コピーして貼り付けるだけ)
操作については、こちらの公式ドキュメントを参照してください。インストール1. 古いバージョンの do...
ウェブデザインにおける装飾要素の応用の概要
<br />序文: このチュートリアルを読む前に、序文を注意深く読んでください。そうしな...
Linuxシステムの入出力管理とvimの共通機能の詳細な説明
####システム内の入出力の管理#### 1. システムの入力と出力のリダイレクトを理解する入力リダ...
ブログデザイン ウェブデザイン デビュー
私がデザインした最初の Web ページは次のとおりです。 私はこの業界に7年間在籍し、プログラミング...
nginxのリソースキャッシュ設定の詳細な説明
私はずっとキャッシュについて学びたいと思っていました。結局のところ、キャッシュはフロントエンドのパフ...
MySQL での limit の使用方法は何ですか (推奨)
SELECT * FROM テーブル名制限m,n; SELECT * FROM テーブル LIMI...
DockerにRedisコンテナをインストールするための実装手順
目次DockerにRedisをインストールする1. Redisイメージを見つける2. Redisイメ...
Linux でのファイル コンテンツの重複排除と交差と差異の実装
1. データ重複排除日常業務では、Hive や Impala を使用してクエリとエクスポートを行う際...
VUE ユニアプリライフサイクルに関する簡単な説明
目次1. アプリケーションライフサイクル2. ページのライフサイクルコンポーネントライフサイクル要約...
高品質なJavaScriptコードの書き方
目次1. 読みやすいコード1. 統一コード形式2. マジックナンバーを削除する3. 単一機能原則2....
Linuxはデータディスクがアンインストールされ、新しいカスタムイメージを作成できることを確認します。
カスタムイメージに関するよくある質問データディスクを表示するにはどうすればいいですか? df コマン...
Vueでタイマーをエレガントにクリアする方法
目次序文最適化派生的な質問: beforeDestroy はトリガーされませんか?序文タイマーをクリ...
MySQL max_allowed_packet 設定
max_allowed_packet は、受け入れるパケットのサイズを設定するために使用される ...
CSSブロッキングマージとその他の効果についての簡単な説明
非直交マージンマージンを使用するとマージが発生します次のプロパティはマージンの結合を防止します。国境...
JSブラウザイベントモデルの詳細な説明
目次イベントとは簡単な例イベントをバインドする方法フレームワーク内のイベントイベントオブジェクトイベ...