Question

我正在尝试使用document.ready jquery功能从HTML页面中调用外部文件中的函数。下面是我的HTML代码示例，但它没有使用我编写的代码执行该函数。

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="_js/script.js">
     //<![CDATA[
     $(document).ready(function(){
     // What do I run here to grab external file function?
         extFunction();
     });
     //]]/>

外部文件的功能示例：

function extFunction(){
    alert("ALERTED!");
};

Answer 1

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

src代码中不能包含<script>属性，并且代码中也包含JavaScript代码。一旦浏览器看到src属性，它就不会在标记内执行任何操作。请制作两个单独的标签......

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

<script type="text/javascript">
//<![CDATA[
     $(document).ready(function(){
     // What do I run here to grab external file function?
         extFunction();
     });
     //]]/>
</script>

Answer 2

您不能拥有脚本元素的正文（内容）和src

<script type="text/javascript" src="_js/script.js"></script>
<script type="text/javascript">
     //<![CDATA[
     $(document).ready(function(){
     // What do I run here to grab external file function?
         extFunction();
     });
     //]]/>
</script>

Answer 3

你想从php文件或js文件中调用函数吗？如果你想调用另一个.js文件的函数，只需在.js文件中包含该文件，如果你想调用php函数，那么使用ajax。

从jquery（document）.ready调用外部函数？

3 个答案: