Question

我想尝试一个非常简单的javascript项目，但我无法执行任何功能。这是一个简单的例子。这显然只是一个例子。我已经尝试了所有我能想到的东西让浏览器认识到我正在尝试调用已定义的函数，但它从不做任何事情，只是显示文本，而不是调用任何东西。在下面的例子中，我只是得到一个包含文本的页面：＆＃34; varTimesTwo（3）;＆＃34;

<!DOCtype html>
<html>
<body>

<script>
function varTimesTwo(oneVar){
    return (oneVar * 2)
}
</script>

varTimesTwo(3);
</body>
</html>

Answer 1

你的代码错了，你必须放置varTimesTwo（3）;在脚本标记内，如下所示：

 <!DOCtype html>
 <html>
  <body>    
  <script>
      function varTimesTwo(oneVar){
           return (oneVar * 2)
      }

       varTimesTwo(3);
   </script>
    </body>
</html>

Answer 2

将所有JavaScript代码保存在脚本标记中，或者更好地保存在文件中使用<script src="myjsfile.js"></script>

与html文件分开

您可以使用document.write(string)将字符串写入文档。此字符串被视为HTML，因此您需要使用<p>text</p>或<br>来获取换行符。

<!DOCtype html> 
<html>
<body>
<script> 
function varTimesTwo(oneVar){
     return (oneVar * 2) 
} 
document.write("3 times two is "+varTimesTwo(3));
</script>
</body> 
</html>

或者，您可以使用window.alert(string)或简单地alert(string)弹出警告框。但是，如果您在浏览器中关闭了弹出窗口，则不会弹出这些弹出窗口。

<!DOCtype html>
<html>
<body>
<script> 
function varTimesTwo(oneVar){
     return (oneVar * 2) 
} 
alert("3 times two is "+varTimesTwo(3));
</script>
</body> 
</html>

console.log(string)写入调试控制台，您可以在许多具有control-shift-J或F12的浏览器上看到它。

javascript调试控制台对于学习javascript也很有用，而不会弄乱输入和输出。您在JS控制台中输入的任何内容都会立即执行，因此您可以在那里定义函数并使用它们，而无需编写额外的代码来编写输出或读取输入。

最后，这些技术对于大多数网站来说都是不够的，因为实际使用它们。相反，所做的是定义一个html容器元素并更改其中的文本或html。 jQuery提供了与manipulating the document to change items on the page无关的浏览器方法。

HTML不会执行JavaScript函数

2 个答案: