Question

alert和console.log是否只有两种方法可以在ID上打印出ID值？我正在寻找更好的选择。有关于此的任何建议/建议吗？

Answer 1

我会说alert和console.log是最常见的。 console.log通常是开发人员用于记录事物的首选方法。如果您想要其他不需要您打开控制台的内容，您可以随时创建一个将消息插入页面元素的功能。

<div id="log-output"></div>

function logger (message) {
    var logOutput = document.getElementById('log-output');

    logOutput.innerHTML = message;
}

function someOtherFunction () {
    logger('log this!');
}

someOtherFunction();

但是，实际上，我建议只使用console.log：）

Answer 2

您应该使用console.log。 alert很有用，但如果您忘记将其从生产代码中删除，可能会导致一些问题（例如向您的用户展示一些敏感数据）。

请注意，您可以使用console.error，console.warn或console.log对您记录的邮件进行分组。

Answer 3

搞笑..没有人提到 console.dir 方法。

dir和log之间的主要区别在于日志打印值，而dir将输出分解为它的基本组件，从而创建了一个层次结构树（在处理复杂类型时更好的方式，JSON结果等）< / p>

这是实时样本，它展示了差异：http://jsfiddle.net/ymzrocks/sz3tjthf

var obj =
{
    a: 'hello',
    b: [10, 20, 30, 40],
    c: 
    {
        x: new Date(),
        y: 
        {
            more: '...'   
        }
    }
}

console.log(obj);
console.dir(obj)

Answer 4

另一种未提及的方法是在不同的浏览器中使用开发人员工具（通常是F12来启动它们）。在那里，您可以检查不同的元素并在JS文件中插入断点，而无需对代码进行任何更改。我认为在查看HTML元素时比使用alert或console.log更具可读性。

在测试/开发时打印HTML元素值的最佳方法是什么？

4 个答案: