Kann Javascript in CSS eingefügt werden?

Javascript kann nicht in CSS platziert werden, da es hohe Systemressourcen erfordert. Daher ist es am besten, JS-Code nicht in CSS zu schreiben. Es ist notwendig, JS-Code und CSS-Code zu trennen, was einfacher zu warten ist.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Kann Javascript in CSS platziert werden? Fragen zum Schreiben von Javascript-Code in CSS?

Ich habe zuvor in einem Artikel einen Codeabschnitt gesehen und war etwas verwirrt?

Der Code, an den ich mich wahrscheinlich aus diesem Artikel erinnere, ist wie folgt:

<style type="text/css">
 
body{
 
background:url(javascript:alert("test!"));
 
}
 
</style>

Laut dem, was in diesem Artikel gesagt wurde, wird der JS-Code in der URL im CSS ausgeführt! Kann ich in diesem Fall verstehen, dass JS-Code in CSS in die URL geschrieben werden kann? Ich habe also das folgende Experiment durchgeführt und mein Code lautet wie folgt:

<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>

Dann habe ich die JSP-Seite im Firefox-Browser geöffnet. Es wurde festgestellt, dass die Funktion getImgPath() in JavaScript nicht ausgeführt wurde und der Satz „Hallo Nr. XXXX, Dujiang Avenue, Yudu County, Ganzhou City, Provinz Jiangxi“ nicht gedruckt wurde. Fügen Sie also JavaScript in die URL im CSS ein. Wird der Code keinen JS-Code ausführen? Mit Zweifeln habe ich es erneut im IE-Browser getestet und konnte den JS-Code in der URL im CSS immer noch nicht ausführen. Die Version des IE-Browsers, die ich verwendet habe, war IE11 und die Version von Firefox war 49.0 sei das nur in Wird der JS-Code in der URL in CSS nur in Browsern niedrigerer Version ausgeführt?

Andererseits habe ich einige Leute im Internet gesehen, die sagten, dass es keinen Grund zur Sorge gibt, dass es sich nur um IE handelt und dass es nicht sehr vielseitig ist. Es wird empfohlen, es nicht zu verwenden, da es viel System erfordert Ressourcen. Dieser Artikel erwähnt dies!

Ja! Es ist am besten, JS-Code und CSS-Code zu trennen, was einfacher zu pflegen ist und klar unterschieden werden kann.

Wenn Sie Freunde haben, die dieses Wissen kennen, können Sie eine Nachricht hinterlassen Für mich, weil ich nicht sicher bin, unter welchen Umständen der JS-Code in CSS ausgeführt wird, und ich bin nicht sicher, ob der JS-Code in CSS ausgeführt wird!

【Empfohlen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonKann Javascript in CSS eingefügt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!