淺談js和css內(nèi)聯(lián)外聯(lián)注意事項
簡單說:這兩個問題其實是同一個問題,但是網(wǎng)上找了好久也找不到方法,外聯(lián)的js和css文件里不能有任何HTML的標記注釋,一旦有,瀏覽器就瘋了!一去掉就好了?。。?/span>
問題:起因是網(wǎng)上看到一個css的表格樣式,覺得挺好看,就打算放在自己的Asp.Net程序里,開始的時候我放在aspx文件里,顯示正常

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

解決:解決方法其實非常簡單,把js和css文件里的所有HTML標記<>、注釋<!-- -->,全部去掉,然后就ok了!
分析:昨天晚上查了相關(guān)資料里提到“瀏覽器在沒有找到相關(guān)的樣式表的時候,會用調(diào)用它內(nèi)部的css渲染參數(shù)來工作”,

上圖摘自大漠著:《圖解CSS3:核心技術(shù)與案例實戰(zhàn)》,這本書也是目前為數(shù)不多的css3的書,雖然看的是電子版,但是考慮會買一本!
用瀏覽器自帶的開發(fā)人員工具一看,果然如此,它不能解釋的時候,就私自調(diào)用了瀏覽器自帶的渲染參數(shù),下圖中-webkit-開頭的那兩段,把表格的邊框設(shè)為了2px;

看了一下自己的JS文件,把這一對HTML標記去掉<script type="text/javascript"></script>就ok了,里面的<!-- -->注釋標記可以保留;
再看了一下自己的css文件,里面有<!-- CSS goes in the document HEAD or added to your external stylesheet -->,css樣式文件里連HTML的注釋也不能有,否則就會出現(xiàn)css被部分解釋的奇怪現(xiàn)象,一去掉也就好了,真是太憋屈了,原來自己的錯誤居然就是這個小小的注釋引起的。
那么css文件怎么寫注釋呢? 用c的注釋方法就可以了/* 注釋 */
以上這篇淺談js和css內(nèi)聯(lián)外聯(lián)注意事項就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript開發(fā)之三數(shù)組對象實例介紹
Javascript開發(fā)之三組數(shù)對象詳細介紹,需要的朋友可以參考下2012-11-11
js對象內(nèi)部訪問this修飾的成員函數(shù)示例
這篇文章主要介紹了js對象內(nèi)部訪問this修飾的成員函數(shù)示例,需要的朋友可以參考下2014-04-04
JavaScript 基礎(chǔ)函數(shù)_深入剖析變量和作用域
下面小編就為大家?guī)硪黄狫avaScript 基礎(chǔ)函數(shù)_深入剖析變量和作用域。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
你需要知道的10個最佳javascript開發(fā)實踐小結(jié)
Javascript的很多擴展的特性是的它變得更加的犀利, 同時也給予程序員機會創(chuàng)建更漂亮并且更讓用戶喜歡的網(wǎng)站2012-04-04

