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 レイアウトを使用してシンプルな縦棒グラフを作成する方法
推薦する
MySQLインデックスとは何ですか？わからない場合は聞いてください
目次概要二分木からB+木へクラスター化インデックス非クラスター化インデックスジョイントインデックスと...
Alibaba Cloud ECSインスタンスのユーザールートパスワードとリモート接続方法を設定する方法
Alibaba Cloud サーバーを購入した後、新しいインスタンスが正常に動作できるようにするには...
JavaScriptエラーキャプチャの詳細な説明
目次1. 基本的な使い方とロジック2. 特徴3. エラーオブジェクト4. キャッチアンドスロー戦略の...
MySqlはページクエリ機能を実装します
まず、ページ分割クエリを使用する理由を明確にする必要があります。データが膨大なため、すべてのデータを...
MySQLで重複データを削除する詳細な例
MySQLで重複データを削除する詳細な例重複レコードには 2 つの意味があります。1 つは完全に重複...
海外のウェブページのカラーマッチング事例20選共有
この記事では、優れた Web ページのカラー マッチングの事例を 20 件集めて紹介します。これらの...
Node.js を使用して png 画像に透明なピクセルがあるかどうかを判断する方法
背景PNG 画像は jpg 画像よりも多くのストレージスペースを占有しますが、PNG 画像の品質は大...
Windows環境でのMySQL 8.0.13無料インストールバージョンの設定チュートリアル
目次圧縮ファイルをダウンロードするアドレス: https://dev.mysql.com/downl...
MySQL で遅いクエリ SQL を見つけて最適化する詳細な例
目次1. 遅いクエリSQLを見つけて最適化する方法a. スローログに基づいてスロークエリSQLを見つ...
nginx「504 ゲートウェイタイムアウト」エラーを解決する
ウェブサイトを作成する学生は、アクセス時に一部の nginx サーバーが 504 Gateway T...
JavaScript の useRef と useState の紹介
目次1. useStateフック2. useRefフック3. useRef と useState 4...
Vueでaxiosをカプセル化する方法
目次1. インストール1. はじめに3. インターフェースルートアドレス4. 使用例4.1 ダウンロ...
Linux の総合システム監視ツール dstat の詳細な例
オールラウンドなシステム監視ツール dstat dstat は、vmstat、iostat、nets...
Vueのコンポーネント値の転送から始まるオブザーバーモードの詳細な説明
目次オブザーバーパターンVue パス値最初のステップは、main.jsにバスを登録することです。 2...
幅の比率に応じて高さを変えるCSSを実装するいくつかの方法
[解決策1: パディングの実装]原理：要素の padding の値がパーセンテージの場合、このパーセ...