ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSS内にJavaScriptを入れることはできるのでしょうか?

CSS内にJavaScriptを入れることはできるのでしょうか?

藏色散人
藏色散人オリジナル
2021-06-26 10:27:482050ブラウズ

Javascript は比較的多くのシステム リソースを必要とするため、CSS 内に配置することはできません。そのため、CSS 内に JS コードを記述しないことをお勧めします。JS コードと CSS コードを分離する必要があり、その方がメンテナンスが容易です。

CSS内にJavaScriptを入れることはできるのでしょうか?

この記事の動作環境: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。