即时尝试将函数放在.js文件中并在html中调用它

时间:2013-12-13 12:37:44

标签: javascript html

<script language="JavaScript1.1">


var slideimages=new Array()
function slideshowimages()
{
    for (i=0;i<slideshowimages.arguments.length;i++)
    {
        slideimages[i]=new Image()
        slideimages[i].src=slideshowimages.arguments[i]
    }
}

</script>

<script>
<!--

//configure the paths of the images, plus corresponding target links
slideshowimages("football.png","basketball.png","golf.png","mma.jpg","tennis.png","boxing.png")


//configure the speed of the slideshow, in miliseconds
var slideshowspeed=4000

var whichlink=0
var whichimage=0
function slideit()
{
    if (!document.images)
    return
    document.images.slide.src=slideimages[whichimage].src
    whichlink=whichimage
    if (whichimage<slideimages.length-1)
    whichimage++
    else
    whichimage=0
    setTimeout("slideit()",slideshowspeed)
}
slideit()

//-->
</script>

我希望能够将此JavaScript放在自己的文件中而不是HTML中。我试过这样做,但我不知道如何让它正常工作。它在HTML文件中工作正常,但在我尝试调用时却没有。我不确定如何正确地调用它。

2 个答案:

答案 0 :(得分:0)

使用您的filenamename.js创建一个文件,并在其中添加您的js方法。 (没有脚本标记)

将该文件链接到html的头像

 <script type="text/javascript" src="/your-path/youfilename.js" />

其余的将是相同的,你的方法应该有效。

答案 1 :(得分:0)

要在网页中使用JavaScript框架库,只需将库包含在标记中:

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
   </script>

您也可以下载并在本地使用,然后更改来源。离。

          <script src="../js/jquery/1.8.3/jquery.min.js">
          </script>