jquery - 在外部js文件中调用函数

时间:2012-02-18 00:37:15

标签: javascript jquery function external

如果我在名为custom.js的文件中包含此代码:

var kennel = function(){this._init();};

kennel.prototype = {
    _init: function() {
        this.setListeners();
    },
    setListeners: function(){
        ...
    },
    getCats: function(){
        alert("Get cats");
    }
};

如何从某个任意html文件中调用getCats()

2 个答案:

答案 0 :(得分:3)

首先,您可以使用<script>标记添加javascript,通常在<head>中,然后您可以创建另一个<script>标记,您可以放置​​自己的javascript其中的代码特定于页面,并使用所包含文件提供的功能。例如:

<head>
    <script type="text/javascript" src="path/to/custom.js"></script>
    <script type="text/javascript">
        var myKennel = new kennel();
        myKennel.getCats(); // alerts "Get cats"
    </script>
</head>

此外,您发布的代码与jQuery无关 - 它只是简单的旧版,香草javascript。

答案 1 :(得分:1)

这应该足够了:

<script>
  var k = new kennel();
  k.getCats();
</script>

以下是一个有效的示例:http://jsfiddle.net/NHaBb/