Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > javascript可以放在css中吗

javascript可以放在css中吗

藏色散人
Lepaskan: 2023-01-07 11:41:03
asal
2057 orang telah melayarinya

javascript不可以放在css中,因为对系统的资源比较高,所以在css中最好不要写js代码,要做到js代码和css代码分开,这样比较好维护。

javascript可以放在css中吗

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript可以放在css中吗?在css中写javascript代码的疑问?

我之前在1篇文章中看到了1段代码,觉得有点疑惑?

那篇文章我大概记得的代码如下:

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

按照那篇文章中说的,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>
Salin selepas log masuk

 

 

然后我在火狐浏览器中打开jsp页面,发现并没有执行javaScript中的getImgPath()函数,没有打印出hi 江西省赣州市于都县渡江大道XXXX号这句话,网页也没有设置背景图片,所以在css中的url中放javaScript代码是不会执行js代码吗?带着疑惑,我又在IE浏览器中测试了一下,仍然不会执行css中的url中的js代码,我用的IE浏览器版本是IE11,火狐浏览器的版本是49.0,难道是只有在低版本的浏览器中才会执行css中的url中的js代码吗?

话又说回来,因为我看到网上一些人说,不必纠结这个东西,这是IE特有的,通用性不强,建议不要使用,因为对系统的资源比较高。这篇文章提到了这一点!

是呀!css中最好还是不要写js代码吧,最好是做到js代码和css代码分开,这样也比较好维护,做到泾渭分明!

有知道此知识点的小伙伴,可以留言给我,因为我也不确定在什么情况下会执行css中的js代码,我也不确定到底会不会执行css中的js代码!

【推荐:javascript高级教程

Atas ialah kandungan terperinci javascript可以放在css中吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan