在HTML中包含JavaScript文件将无法作为_Javascript_Html

在HTML中包含JavaScript文件将无法作为

javascript html

在HTML中包含JavaScript文件将无法作为,javascript,html,Javascript,Html,我在一个文件夹中有两个文件： main.html main.js main.js如下所示： function revertNum(num){ var strNum = new String(num); var strArr = strNum.split(); var result = ''; for(var i = strArr.length - 1; i > 0; i--){ result += strArr[i]; } r

我在一个文件夹中有两个文件：

main.html main.js main.js如下所示：

function revertNum(num){
    var strNum = new String(num);
    var strArr = strNum.split();
    var result = '';
    for(var i = strArr.length - 1; i > 0; i--){
        result += strArr[i];
    }
    return result;
}
var x = revertNum(32132);
console.log(x);

<html>
    <head>
        <meta charset="utf-8" />
        <script src="main.js"></script>
    </head>
    <body>
    </body>
</html>

main.html如下所示：

function revertNum(num){
    var strNum = new String(num);
    var strArr = strNum.split();
    var result = '';
    for(var i = strArr.length - 1; i > 0; i--){
        result += strArr[i];
    }
    return result;
}
var x = revertNum(32132);
console.log(x);

<html>
    <head>
        <meta charset="utf-8" />
        <script src="main.js"></script>
    </head>
    <body>
    </body>
</html>

我希望浏览器的控制台会显示32132的反面，但它只显示main.js文件的SRC

这是输出

您的代码中有两个错误：

分割行应作为分隔符：var strArr=str.split

循环条件应该是i>=0，而不是i>0

您在控制台输出中只看到一个空白，因为第一个错误意味着strArr是一个只有一个元素的数组：32132，第二个错误意味着您在处理数组中最后一个元素并返回之前停止

将来，您可以通过使用内置于浏览器中的调试器自己找到这一点：

添加调试器；在main.js的顶部-稍后，当您更熟悉这些工具时，您将不需要这样做，但现在这是进入调试器的最简单方法

打开选项卡

使用菜单打开开发工具在大多数浏览器上都是F12或Ctrl+Shift+I或Cmd+Shift+I，现在我看到您正在使用Firefox，从菜单中可以看到Web developer>Debugger Ctrl+Shift+s，尽管Ctrl+Shift+I可以打开开发工具，但您只需单击Debugger选项卡

打开你的页面。这会将您切换到开发人员工具中的Source或Sources或Debugger选项卡，并将您的源代码放在前面。它是Firefox内置工具中的调试器

使用那里的各种工具一步一步地浏览代码语句，查看变量的值，等等

您需要查找浏览器工具的开发者工具网站，以了解如何使用这些工具。有很多有用的链接。介绍了Firefox的内置工具。

您的代码中有两个错误：

分割行应作为分隔符：var strArr=str.split

循环条件应该是i>=0，而不是i>0

将来，您可以通过使用内置于浏览器中的调试器自己找到这一点：

添加调试器；在main.js的顶部-稍后，当您更熟悉这些工具时，您将不需要这样做，但现在这是进入调试器的最简单方法

打开选项卡

打开你的页面。这会将您切换到开发人员工具中的Source或Sources或Debugger选项卡，并将您的源代码放在前面。它是Firefox内置工具中的调试器

使用那里的各种工具一步一步地浏览代码语句，查看变量的值，等等

您需要查找浏览器工具的开发者工具网站，以了解如何使用这些工具。有很多有用的链接。Firefox的内置工具也包括在内。

您实际上并没有在结果中添加任何内容。您正在记录一行，但它是一个空字符串

话虽如此。。。请尝试在main.js中反转字符串。它非常简单，并且减轻了所有代码的功能

功能回复数{ 返回Stringnum.split.reverse.join； } var x=revertNum32132；

console.logx 实际上，您并没有在结果中添加任何内容。您正在记录一行，但它是一个空字符串

话虽如此。。。请尝试在main.js中反转字符串。它非常简单，并且减轻了所有代码的功能

功能回复数{ 返回Stringnum.split.reverse.join； } var x=revertNum32132；

console.logx；你说“它只显示main.js文件的SRC”是什么意思？你说“它只显示main.js文件的SRC”是什么意思？你还认为可以完全避免拆分，只需在strNum上循环即可？拆分和反转更多sense@JamesThorpe和姆普隆詹都有优点。我是为极简主义者拍摄的-我仍然喜欢这种类型的答案-显示了为什么OPs代码在没有完全重写选项的情况下无法工作。还认为可以完全避免拆分，而只需在strNum上循环即可？拆分和反向生成更多sense@JamesThorpe和姆普隆詹都有优点。我是为极简主义者拍摄的-我仍然喜欢这种类型的答案——这说明了为什么OPs代码在没有完全重写选项的情况下无法工作。