Question

我是Javascript的新手，我在YouTube上的教程中找到了。当我点击使用网络浏览器运行时，我完全按照教程设置创建了两个数字相加的函数，并创建了要执行的html文件。我很困惑。请帮我。谢谢！

    function add(a,b){
    return a+b;

}
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="myjs,js"></script>
</head>
<body>
<script type="text/javascript">alert(add(100,200));</script>
</body>
</html>

Answer 1

您似乎正在创建一个单独的文件。在这种情况下，add函数需要位于script标记

中

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <meta charset="ISO-8859-1">
  <title>Insert title here</title>
  <script type="text/javascript" src="myjs.js"></script>
</head>

<body>
  <script type="text/javascript">
    function add(a, b) {
      return a + b;
    }
    alert(add(100, 200));
  </script>
</body>

</html>

＆＃13;

这也是一个错字

<script type="text/javascript" src="myjs,js"></script>

逗号(,)需要替换为点(.)

Answer 2

嗯，祝你好运，但你应该查看一本关于这个主题的书，比如 Javascript只是好的部分。学习jQuery也不错。我重新编写您的示例并将其更改为接受用户输入并使用命名空间。在开始只在全局命名空间中声明一个函数时很好，但是当你开始涉及具有重叠方法的大型系统时，这是一个问题。

还学习如何使用chrome调试器，它是查找javascript代码问题的必要条件。如果您打开了调试器，您会注意到文件名myjs，js没有加载文档，它可能记录了404。

/* Lets declare a self executing method, it auto-executes and keeps the document clean */
(function(){
  
  // Make a new namespace, i'm going to call it NS, but you could name it anything.  This uses the OR logic to create if it doesn't exist.
  window.NS = window.NS || {};
  
  // Declare your function in the name space
  NS.add = function(a, b) {
    return a+b;
  };
  
}());

/* Wait till the document is ready, magic jQuery method */
$(function(){

  // No error prevention, this is just an example

  // Wait till the user clicks Calculate
  $('#Calculate').click(function(){
    var A = $('#A').val() - 0; // Get #A value, convert to number by subtwacting 0
    var B = $('#B').val() - 0; // Get #B value, convert to number
    // Call your method and set the value of #C
    $('#C').val(NS.add(A, B));
  });

});

<!-- Use jQuery, its the best -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
  <!-- Declare a few fields, we like user input -->
  <input type="text" id="A" value="1000"/>
  <input type="text" id="B" value="337"/>
  <!-- Use this field to hold input -->
  <input type="text" readonly id="C"/>
</div>
<!-- One button to rule them all -->
<button id="Calculate">Calculate</button>

Answer 3

请检查这个小提琴这是一个问题的问题的工作示例。在脚本中

https://jsfiddle.net/rahulsingh09/Lww11j3t/

<script>    function add(a,b){
    return a+b;

}</script>
<body>
<script type="text/javascript">alert(add(100,200));</script>
</body>

简单的javascript与初学者

3 个答案: