CSS内にJavaScriptを入れることはできるのでしょうか?
Javascript は比較的多くのシステム リソースを必要とするため、CSS 内に配置することはできません。そのため、CSS 内に JS コードを記述しないことをお勧めします。JS コードと CSS コードを分離する必要があり、その方がメンテナンスが容易です。
この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript を CSS に配置できますか? CSS で JavaScript コードを記述することについての質問がありますか?
以前、記事でコードの一部を見たことがありますが、少し混乱しましたか?
その記事で私がおそらく覚えているコードは次のとおりです:
<style type="text/css"> body{ background:url(javascript:alert("test!")); } </style>
その記事の内容によると、css 内の URL にある js コードが実行されます。この場合、CSSのURLにjsコードを記述できるということで理解して良いでしょうか? そこで、以下のような実験をしてみました。コードは次のとおりです。
<script type="text/javascript"> function getImgPath() { alert("hi 江西省赣州市于都县渡江大道XXXX号"); return "img/004.gif"; } </script> <style type="text/css"> /* 在css中的url中写javaScript代码 */ background-image: url(javascript:getImgPath()); /* background-image: url("img/1.jpg"); */ </style>
その後、Firefox で jsp ページを開くと、JavaScript の getImgPath() 関数が実行されず、「こんにちは、江西省贛州市玉都県都江街 XXXX 号」という文が印刷されず、 Web ページが設定されていません。背景画像なので、CSS の URL に JavaScript コードを入れても、JS コードは実行されませんか?疑問に思い、IE ブラウザで再度テストしましたが、CSS 内の URL にある js コードを実行できませんでした。使用した IE ブラウザのバージョンは IE11、Firefox のバージョンは 49.0 でした。 CSS の URL 内の JS コードは、下位バージョンのブラウザでのみ実行されますか?
あと、ネット上で「気にする必要はない」という意見を見かけたので、IE 特有のもので汎用性が低いので、使用しないことをお勧めします。大量のシステムリソース。この記事ではこれについて触れています! ######はい! CSS で js コードを記述しないことをお勧めします。js コードと css コードを分離するのが最善です。これにより、保守が容易になり、明確に区別できるようになります!
この知識を知っている場合は、メッセージを残すことができます。 css内のjsコードがどのような状況で実行されるかわからないし、css内のjsコードが実行されるかどうかもわからないので、教えてください!
[推奨:
JavaScript 上級チュートリアル以上がCSS内にJavaScriptを入れることはできるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









vue.jsでBootstrapを使用すると、5つのステップに分かれています。ブートストラップをインストールします。 main.jsにブートストラップをインポートしますブートストラップコンポーネントをテンプレートで直接使用します。オプション:カスタムスタイル。オプション:プラグインを使用します。

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。
