关于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>

实践是检验真理的唯一途径.

相关推荐