如何将JavaScript从教程中放入我的网站?

时间:2011-07-03 15:32:13

标签: javascript html css cakephp

我是JavaScript的新手,我正在尝试在我的网站上播放幻灯片。我正在学习本教程:http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited

不幸的是,关于如何安装它,它没有进入初学者的详细程度。我知道我应该怎么做HTML和CSS,但我不知道我应该把JavaScript放在哪里。它是单独的文件还是什么?我如何让它工作?

此外,我正在尝试在cakephp中执行此操作,因此,如果有任何特定的蛋糕,我可以做的事情太棒了!

3 个答案:

答案 0 :(得分:1)

您可以将JavaScript放入带有.js扩展名的外部文件中,并使用script标记将其包含在HTML页面中:

<script type="text/javascript" src="yourscript.js"></script>

或者,您可以直接在script元素中编写脚本:

<script type="text/javascript">
    //Your script here
</script>

另请注意,正如您所使用的教程使用jQuery,您需要在页面中下载并包含jQuery库。

script代码可以放在文档的任何位置,但通常位于head代码中,或者在结束body代码之前。

答案 1 :(得分:1)

复制referenced page上的所有JavaScript。保存到新文件slide.js或类似的内容。

编辑HTML文档以包含对jQuery libraby的引用,以及刚刚创建的新JavaScript文件:

 <head>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://mysite.com/slide.js" />

答案 2 :(得分:0)

欢迎来到SO Helen。

该脚本使用jQuery库,因此您还必须包含它。 http://jquery.com/

JavaScript最好放在单独的文件中,扩展名为.js

在页面上的</body>标记之前添加javascript文件,如:

<script src="/js/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="/js/jquery/jquery-slideshow2.js" type="text/javascript"></script>