关于javascript和css的宿主环境以及资源引用相对路径
关于javascript和css的宿主环境以及资源引用相对路径等问题实践总结!
1.javascript引用资源(比如图片)相对路径是以宿主环境(所被引用的网页比如user.html)所处位置为基准
2.css引用资源(比如图片)相对路径是以.css文件所处位置为基准!
已经实践证明过!
--2009aicheaizi
------images
---------index_02.jpg
------test.htm--css
------css
----------test.css--js
------js
----------test.js引用代码如下:
test.css
#imgtest
{
background-image:url(。。/。。/2009aicheaizi/images/index_02.jpg);//把.换成。以防cnblogs转换
width:500px;
height:50px;
border:solid1pxred;
}test.js
function writeimg()
{
document.write("<imgsrc='images/index_02.jpg'/>");
}test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<scripttype="text/javascript"src="../js/js/test.js"></script>
<linkhref="../css/css/test.css"rel="stylesheet"type="text/css"/>
</head>
<body>
<scripttype="text/javascript">
writeimg();
</script>
<divid="imgtest"></div>
</body>
</html>
实践是检验真理的唯一途径.