努力学习 Java

知之者不如好之者,好之者不如乐之者,乐之者不如痴之者

外部引入js文件的当前路径是html文件的当前路径


我的文件结构如下:
---current   这个文件夹放html文件
                 |
                 |----jscript   这个文件夹放javascript文件
                 |
                 |----images    这个文件夹放图片,有图片icq01.gif、icq02.gif、google01.gif 等图片


   current/jscript/RandomBackgroundPicture.js 内容如下:

/* *
*  随机显示背景图片
*/


function  setRandomBackground()  {
    
var  pic  =   new  Array( 8
) ;
    pic[
0 =   " ../images/icq01.gif "
 ;
    pic[
1 =   " ../images/icq02.gif "
 ;
    pic[
2 =   " ../images/icq03.gif "
 ;
    pic[
3 =   " ../images/icq04.gif "
 ;
    pic[
4 =   " ../images/icq05.gif "
 ;
    pic[
5 =   " ../images/google01.gif "
 ;
    pic[
6 =   " ../images/google02.gif "
 ;
    pic[
7 =   " ../images/google03.gif "
 ;

    
var  index  =  Math.floor( Math.random() *
pic.length ) ;
    document.writeln(
" <body background=\ ""  + pic[index] +  " \ " > "  ) ;   //  

}



function  setBackground()  {
    
var  pic  =   new  Array( 8
) ;
    pic[
0 =   " images/icq01.gif "
 ;
    pic[
1 =   " images/icq02.gif "
 ;
    pic[
2 =   " images/icq03.gif "
 ;
    pic[
3 =   " images/icq04.gif "
 ;
    pic[
4 =   " images/icq05.gif "
 ;
    pic[
5 =   " images/google01.gif "
 ;
    pic[
6 =   " images/google02.gif "
 ;
    pic[
7 =   " images/google03.gif "
 ;

    
var  index  =  Math.floor( Math.random() *
pic.length ) ;
    document.writeln(
" <body background=\ ""  + pic[index] +  " \ " > "
 ) ;  
}
  // setBackground


   current/index.html文件如下:

< html >
< head >
< meta  name ="GENERATOR"  content ="Microsoft FrontPage 5.0" >
< meta  name ="ProgId"  content ="FrontPage.Editor.Document" >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< title > 新建网页 1 </ title >


</ head >

< script  language ="javascript"  src ="jscript/RandomBackgroundPicture.js" ></ script >

< script >
setBackground()  
//  不能是 setRandomBackground()
</ script >


</ body >
</ html >


结论:html文件外部引入javascript时,javascript的当前路径是html的当前路径,而不是js文件的当前路径。例如此例中,对于RandomBackgroundPicture.js本身而言,icq01.gif的相对路径是"../images/icq01.gif",但这是不正确的;当它被index.html引入时,相对路径是相对与index.html的路径而言,所以应该是"images/icq01.gif"才对。

 

posted on 2006-07-08 13:23 飞仙 阅读(6767) 评论(0)  编辑  收藏 所属分类: Javascript


只有注册用户登录后才能发表评论。


网站导航: