关于javascript的获取link外置css问题

Question

小白又来请教各位大神解答

问题是获取<link rel="stylesheet" href="03css.css" />某些css，在ie firefox opera下都能正常获取，但是在chrome中却无法获取

下面贴出相关代码

<link rel="stylesheet" href="03css.css" />

function ff()
{
        var a = document.styleSheets[0];
	var arules = a.rules || a.cssRules;
	alert("外建style[0]的cssList含有数量：" + arules.length );
}

<input type="button" value="外建stylesheet的css获取" onClick="ff()" />

把芜余的代码都去了，关键代码如上，在chrome执行失败，其他浏览器都能成功；网上文献一大堆错乱，书籍中没有记载相关解决方法， 求大神解决

Answer 1

感谢你的提醒，问题出在chrome上，本地html文件运行此方法是失败的，在服务器上就会运行成功，跟ajax出问题的地方一样

Answer 2

我在chrome控制台下试了下，好像可以的呀：

(document.styleSheets[0].rules || document.styleSheets[0].cssRules).length

Answer 3

我在chrome控制台下试了下，好像可以的呀：

(document.styleSheets[0].rules || document.styleSheets[0].cssRules).length

Answer 4

问题已解决，出在：

chrome的传输机制上的问题，就像ajax测试一样的问题解决方案，本机用localhost里测试可以运行，但是在html文件上运行是失败的

出自：http://www.webdeveloper.com/forum/showthread.php?231153-cssRules-are-null-in-Chrome