簡(jiǎn)單說(shuō)：這兩個(gè)問(wèn)題其實(shí)是同一個(gè)問(wèn)題，但是網(wǎng)上找了好久也找不到方法，外聯(lián)的js和css文件里不能有任何HTML的標(biāo)記注釋，一旦有，瀏覽器就瘋了！一去掉就好了?。?！

問(wèn)題：起因是網(wǎng)上看到一個(gè)css的表格樣式，覺(jué)得挺好看，就打算放在自己的Asp.Net程序里，開(kāi)始的時(shí)候我放在aspx文件里，顯示正常

然后我就打算把css和js放在獨(dú)立的文件里，這時(shí)候?yàn)g覽器就瘋掉了，顯示的效果跟原先內(nèi)聯(lián)的時(shí)候完全不同，就好像壓根沒(méi)有看到我的css樣式表一樣，但是有部分樣式又被執(zhí)行了，有部分樣式又被忽略了，比如表頭的thead就被執(zhí)行的好好的，但是表格的邊框被強(qiáng)制成了2px；被一個(gè)小問(wèn)題困擾真不爽！

解決：解決方法其實(shí)非常簡(jiǎn)單，把js和css文件里的所有HTML標(biāo)記<>、注釋<!-- -->，全部去掉，然后就ok了！

分析：昨天晚上查了相關(guān)資料里提到“瀏覽器在沒(méi)有找到相關(guān)的樣式表的時(shí)候，會(huì)用調(diào)用它內(nèi)部的css渲染參數(shù)來(lái)工作”，

上圖摘自大漠著：《圖解CSS3：核心技術(shù)與案例實(shí)戰(zhàn)》，這本書(shū)也是目前為數(shù)不多的css3的書(shū)，雖然看的是電子版，但是考慮會(huì)買(mǎi)一本！

用瀏覽器自帶的開(kāi)發(fā)人員工具一看，果然如此，它不能解釋的時(shí)候，就私自調(diào)用了瀏覽器自帶的渲染參數(shù)，下圖中-webkit-開(kāi)頭的那兩段，把表格的邊框設(shè)為了2px；

看了一下自己的JS文件，把這一對(duì)HTML標(biāo)記去掉<script type="text/javascript"></script>就ok了，里面的<!-- -->注釋標(biāo)記可以保留；

再看了一下自己的css文件，里面有<!-- CSS goes in the document HEAD or added to your external stylesheet -->，css樣式文件里連HTML的注釋也不能有，否則就會(huì)出現(xiàn)css被部分解釋的奇怪現(xiàn)象，一去掉也就好了，真是太憋屈了，原來(lái)自己的錯(cuò)誤居然就是這個(gè)小小的注釋引起的。

那么css文件怎么寫(xiě)注釋呢？ 用c的注釋方法就可以了/* 注釋 */

以上這篇淺談js和css內(nèi)聯(lián)外聯(lián)注意事項(xiàng)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論