样例HTML以测试JavaScript代码

Question

样例HTML以测试JavaScript代码

3

我刚刚开始学习JavaScript。现在，我想试试这段代码在浏览器中能否正常运行。因此，我创建了一个 test.js 文件，并把以下代码放入其中：

function useless(callback) {
    return callback
}

var text = 'Amigo';

assert(
    useless(function(){ return text; }) === text,
    "The useless function works! " + text);

但还有更多需要做的，我应该写一个最基本的HTML页面来调用这个函数，你能提供一下怎么把方法放在里面吗？

我已经写了类似于这样的代码，但仍然有些问题：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<script src="hehe.js" >
    useless('Amigo');
    window.onload=useless('Amigo')
</script>

</body>
</html>

- user1899082

1

那么你正在阅读的书没有教你如何将js嵌入页面并调用函数吗？ - zerkms

@zerkms：不，它没有HTML部分...重新排列来自JavaScript Ninja书的表单。 - user1899082

我写了类似这样的东西——你在哪里看到那个语法的？只是随意写了一些代码，希望它能正常工作吗？ - zerkms

1

请查看jsfiddle和jsbin。 - Pointy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ben McCormick · Accepted Answer

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script type="text/javascript" src="hehe.js"></script>
<script  >
    useless('Amigo');
    window.onload=useless('Amigo')
</script>

</body>
</html>

您可以将源代码加载到与内联脚本不同的单独脚本中，然后在调用它的内联脚本中调用它。请注意，这假设 hehe.js 在您网站的根目录中。

对于一般的 js 测试，jsFiddle 是一个很好的资源，它允许您定义您的 html/js/css 并进行小的更改实验，而无需编写所有文件。