javascript - 将函数返回的值打印到 javascript 中的屏幕

Question

我编写了以下 JavaScript 函数:

<script type="text/javascript">
function showVariable(val){         
    if(typeof(val)!=null && typeof(val)!=false &&typeof(val)!=NaN && typeof(val)!=undefined)
        return typeof(val);
    else 
        return val;
}
function print(){
    var val = {1, 2, 3};
    var res = showVariable(val);
    alert(res);
}
</script>

目前，我可以使用警报看到结果，但我想知道是否有另一种方法可以在我的 html 文档中打印 showVariable 的结果。

Answer 1

其他人指出了如何向现有 HTML 元素添加文本。下面介绍了其他几个选项。

错误日志

对于调试，alert() 的另一种侵入性较小的替代方法是将文本添加到错误日志中。例如，在带有 Firebug 扩展的 Firefox 中:

if (console.log) console.log(res);

Document.write

另一个可能不适用于这个特定问题但有时有用的选项是使用 document.write。但是，请注意不要在页面加载后使用它，否则它会覆盖页面。

例如，以下内容:

<p>one</p>
<script type="text/javascript">document.write('<p>two</p>');</script>
<p>three</p>
<script type="text/javascript">document.write('<p>four</p>');</script>

将像静态 HTML 源代码一样显示在浏览器中:

<p>one</p>
<p>two</p>
<p>three</p>
<p>four</p>

---

类型

附带说明，typeof 运算符返回以下字符串值之一:

    'undefined'
    'null'          // For browsers that support ECMAScript 6+
    'boolean'
    'number'
    'string'
    'function'
    'object'

初始的 if 语句可以重构如下:

Instead of this               Use this                     Or this
-------------------           -----------------            ------------
typeof(val) != null           val !== null
typeof(val) != false          val !== false
typeof(val) != NaN            typeof val == 'number'       !isNaN(val)
typeof(val) != undefined      typeof val != 'undefined'

但不确定您是否需要所有这些测试。这取决于您要做什么。