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 レイアウトを使用してシンプルな縦棒グラフを作成する方法
推薦する
エレメントアバターアップロード練習
この記事は、Element公式サイトとQiniu Cloud公式サイトを使用しています。 eleme...
WindowsシステムでMySQLデータベースを完全にアンインストールして、MySQLを再インストールします
1. コントロールパネルで、MySQLのすべてのコンポーネントをアンインストールします。コントロール...
Vue 手書き読み込みアニメーション プロジェクト
ページが応答しない場合、白い画面が表示されないように、読み込みアニメーションを表示するのがユーザーフ...
MySQL の最適化: 高品質の SQL 文を書く方法
序文インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質にば...
Linuxのwatchコマンドの使用
1. コマンドの紹介watch コマンドは、指定されたコマンドを定期的に実行し、実行結果を全画面に表...
JavaScriptコールバック関数の詳細な理解
目次序文クイックレビュー: JavaScript 関数関数とは何ですか?関数を宣言する関数の呼び出し...
HTML 終了タグの問題と W3C 標準
W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...
js ドラッグ アンド ドロップ テーブルでコンテンツ計算を実現する
この記事の例では、コンテンツの計算を実現するためのjsドラッグアンドドロップテーブルの具体的なコード...
MySQL 5.7.18 zip バージョンのインストール チュートリアル
MySQL の mysql 5.7.18 zip バージョンは、クリックして次のステップをクリックし...
MySQL データベースのステートメント ワイルドカード ファジー クエリの概要
MySQL エラー: パラメータ インデックスが範囲外です (1 > パラメータ数、つまり 0...
WeChatアプレットを少なく使う方法（最適な方法）
序文私は less/sass を書くことに慣れていますが、小さなプログラムを開発するときには、まだ ...
Nginx の一般的な設定とテクニックの概要
序文この記事では、Nginx の一般的な、実用的で興味深い構成をいくつか紹介します。この記事を読んだ...
Ubuntu で VIM を C++ 開発エディタとして設定する
1. 設定ファイルをユーザー環境にコピーし、新しい.vimフォルダを作成し、バンドルサブフォルダを作...
Alibaba Cloud CentOS7 サーバーの nginx 構成と FAQ の分析
序文：この記事は、jackyzm のブログ https://www.cnblogs.com/jack...
CentOS7.4 起動時の緊急モードへようこそメッセージに対する解決策
今日は仮想マシンを使って実験をしました。システムをインストールし、いくつかのオプションを最適化した後...