日期:2014-05-16  浏览次数:20375 次

求解,访问HostName时,JS生成元素CSS丢失?
       各位好,手头上Demo(asp.net)的一个问题困扰了我,情况如下:
主页是一个html,里面引用了下面两个文件,分别是JS和CSS,片段如下。功能是在html上JS动态生成元素。
可问题出来了,在我将项目部署到服务器上后,用服务器的IP访问,比如http://xx.xx.xx.xx/default.html,毫无问题;在我用服务器的主机名访问时,比如http://HostName/default.html,发现img元素(类似的元素)的样式丢失了,如同没有设置样式一般,浏览器调试工具下也没发现任何问题。特来向各位请教。

var a_like = document.createElement('a');
var strLikeUrl = "<img src='/images/like_ico.png' class='btnLike'/>";
$(a_like).append(strLikeUrl);


.btnLike {
    font-size: 14px;
}
.btnLike:active {
    font-size: 14px;
    position: relative;
    top: 1px;
    left: 1px;
}

------解决方案--------------------
调试工具看下样式加载下来没有,js是否报错
------解决方案--------------------
var strLikeUrl = "<img src='\/images\/like_ico.png' class='btnLike'\/>";