调用外部JavaScript文件中的函数

7

总的来说...如何调用外部 JavaScript 文件中的函数?

更具体地说...

  • 在 head 标签中我有:

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

  • The external javascript file, (that i would like to call) FontSize.js contains the following functions.

    function checkCookie()
    
    function setCookie(c_name, value, expiredays)
    
    function getCookie(c_name)
    
    function increaseFontSize()
    
    function decreaseFontSize()`
    
  • The FontSize.js is located at the ~/Jscript/ directory

我猜测onload事件应该包含以下内容: <body onload="/JScript/Fontsize.js/checkCookie()"> 当然,由于我不知道如何调用外部js文件中的函数,所以什么都没有正常工作。
2个回答

13

你可以像调用本地变量一样调用它 :)

<body onload="checkCookie()">

或者,在脚本中执行:

window.onload = checkCookie;

当你声明一个函数时,如果它不在另一个对象/命名空间中,那么它就是全局可用的,可以像它紧接着你当前代码一样调用它。默认情况下,这些函数将位于window对象上,你可以在这里看到一个简短的演示

例如(无论这个函数定义在哪里,内部或外部):

function myFunc() { alert('hi'); }
myFunc();
window.myFunc(); //same call, unless there's *another* myFunc in a local-er scope

@strakastroukas - 你确定你的外部文件相对路径正确吗?例如,查看->页面源代码,点击它的链接,它是否正确显示?对于当前的代码,你的页面必须在“~/Page.htm”级别上。 - Nick Craver
就是这样!我将其编辑为<script type="text/javascript" src="../JScript/FontSize.js"></script>(在路径中添加了../)。 - OrElse

1
  <html>
        <head>
            <script type="text/javascript" language="javascript" src="main.js"></script>
        </head>
        <body>

    <!--The extranal main.js file contains samp() function.. -->
            <script>
              <!--    samp(); -->
            </script>
        </body>
    </html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接