调用 javaScript 函数

Question

我正在将我的外部 .js 文件添加为

<head>
    <script type="text/javascript" src="service/js/test.js"></script>
</head>

在 test.js 中，我有一个名为 functionTest() 的函数。

调用正文的 onload 函数工作正常；

<body onload="functionTest()">

</body>

我的问题是：

我想在两个不同的 div 中调用此函数两次。我该如何实现？

<body>
    <div id="left">
        <!-- Directly Want to call functionTest() when div is getting loaded -->
    </div>
   <div id="right">
       <!-- Directly Want to call functionTest() when div is getting loaded -->
   </div>
</body>

Answer 1

在 div 末尾添加对函数的调用。 functionTest 函数将在 div 完全加载后调用。

<body>
    <div id="left">
        <!-- Directly Want to call functionTest() when div is getting loaded -->

        <script>functionTest();</script>
        <!--    ^^^^^^^^^^^^^^^ -->
    </div>
    <div id="right">
        <!-- Directly Want to call functionTest() when div is getting loaded -->

        <script>functionTest();</script>
        <!--    ^^^^^^^^^^^^^^^ -->
    </div>
</body>

Answer 2

只需在每个 div

中插入 <script> functionTest() </script>

调用 javaScript 函数

Calling javaScript Function

javascript

html

onload