Maison  >  Article  >  interface Web  >  Javascript peut-il être placé en CSS ?

Javascript peut-il être placé en CSS ?

藏色散人
藏色散人original
2021-06-26 10:27:482015parcourir

Javascript ne peut pas être placé en css car il nécessite des ressources système élevées, il est donc préférable de ne pas écrire de code js en css. Il est nécessaire de séparer le code js et le code css, qui est plus facile à maintenir.

Javascript peut-il être placé en CSS ?

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Javascript peut-il être placé en CSS ? Des questions sur l'écriture de code javascript en CSS ?

J'ai déjà vu un morceau de code dans un article et je me suis senti un peu confus ?

Le code dont je me souviens approximativement de cet article est le suivant :

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

D'après ce qui a été dit dans cet article, le code js dans l'url dans le css sera exécuté ! Dans ce cas, puis-je comprendre que le code js peut être écrit dans l'URL en CSS, j'ai donc fait l'expérience suivante, et mon code est le suivant :

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

Ensuite, j'ai ouvert la page jsp dans Firefox et j'ai découvert que la fonction getImgPath() dans javaScript n'était pas exécutée, que la phrase "salut n° XXXX, Dujiang Avenue, Yudu County, Ganzhou City, Jiangxi Province" n'était pas imprimée et que le la page Web n'a pas été définie. L'image d'arrière-plan, donc mettre du code javaScript dans l'URL en CSS n'exécutera pas le code js ? Avec des doutes, je l'ai testé à nouveau dans le navigateur IE, et il n'a toujours pas pu exécuter le code js dans l'url dans le CSS. La version du navigateur IE que j'ai utilisée était IE11 et la version de Firefox était 49.0. que ce soit uniquement dans Le code js dans l'url en CSS sera-t-il exécuté uniquement dans les navigateurs de version inférieure ?

Encore une fois, parce que j'ai vu des personnes sur Internet dire qu'il n'y a pas lieu de s'inquiéter de cette chose. Elle est propre à IE et n'est pas très polyvalente. Il est recommandé de ne pas l'utiliser car cela nécessite. ressources système élevées. Cet article le mentionne !

Oui ! Il est préférable de ne pas écrire de code js en css. Il est préférable de séparer le code js et le code css, qui sont plus faciles à maintenir et peuvent être clairement distingués !

Si quelqu'un connaît cette connaissance, vous pouvez laisser un message. Donnez-le-moi, car je ne sais pas dans quelles circonstances le code js en css sera exécuté, et je ne sais pas si le code js en css sera exécuté !

[Recommandé : Tutoriel avancé Javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn