Question

我有一个单独的JavaScript文件，我想在标记中返回函数的结果。例如，在我的js文件中，我有：

var i=0;
function add(num) {
    return i+=num;
}

我如何在HTML文件的标记中使用它？因此，如果函数返回5，则网页将显示我放置标记的位置。

Answer 1

将您的HTML与JavaScript分开。不要将JavaScript视为“在标记中”，因为这不是JavaScript的工作原理。相反，有一些方法可以识别元素并使用JavaScript来定位该元素并设置其内容。例如，您可能在HTML中使用此功能：

<p id="target"></p>

然后在你的JavaScript（可能在页面的末尾），你会有这样的事情：

document.getElementById('target').textContent = 'some value';

因此，如果您的值为i，那么：

document.getElementById('target').textContent = i;

Answer 2

1）动态：如果页面加载后值发生变化，请使用以下内容：

function doCalc(nr) {
  // get current value of <p> and parse it to an integer
  var current_nr = parseInt(document.getElementById("result").innerHTML);
  
  // add nr to current_nr and place back in the <p>
  document.getElementById("result").innerHTML = (current_nr+nr);  
}

<p id="result">0</p>
<input type="button" value="+ 1" onclick="doCalc(1);" />
<input type="button" value="- 1" onclick="doCalc(-1);" />
<input type="button" value="+ 10" onclick="doCalc(10);" />
<input type="button" value="- 10" onclick="doCalc(-10);" />

2）静态：否则，如果您只想在加载时打印一次页面中的值，请使用：

第一个代码必须放在页面的<head>部分：

<script type="text/javascript">
  var the_variable = 0;

  function something(nr) {
    the_variable += nr;
  }

  something(2);
</script>

第二个代码进入页面的<body>部分（在加载时打印一次）：

<p><script type="text/javascript">document.write(the_variable);</script></p>

如何在<p>标签中返回JavaScript函数？</p>

2 个答案: