Question

但我在外部javascript文件中编写的函数不能在html中使用。

这是我的js代码（index.js）：

 function read(){
console.log("read function");
}

也尝试了这个：

(function(){
 this.read=function(){
  console.log("returning data ");
 }
})()

我的HTML代码是：

 <html>
 <head>
<title>Testing with JSClient</title>
</head>
<body>
<button onclick="example1()">Query</button>
    <script src="./index.js" type="javascript"></script>

 <script type = "text/javascript">
    window.onload = function(){
    read();
    }
    function example1() {
    read();
   }
  </script>    

  </html>

这给出了错误

  Uncaught ReferenceError: read is not defined

Answer 1

您需要删除脚本标记上的type="javascript"。这不是一个合适的值，因此脚本不会被执行。

可行的示例：

$("#foo").html("hi");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo"></div>

并使用该属性抛出错误：

$("#foo").html("hi");

<script type="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo"></div>

调用外部javascript文件中编写的函数

1 个答案: