Question

我有一个HTML组件和一个javascript函数：

＆＃13;

function calculateTime(date1, date2) {
  return date2 - date1;
}

＆＃13;

<span>calculateTime(date1,date2);</span>

＆＃13;

但这只会导致实际文本＆＃39; calculateTime（）＆＃39;中间有两个日期。如何转义文本并确保调用该函数？

Answer 1

你不能自动只是将一个javascript函数名称添加到html中并期望它运行 - 就像你发现的那样，浏览器将其解释为文本。实现所需功能的一种方法是在span中添加一个id，并将其添加到js：

document.getElementById('time').innerHTML = calculateTime(date1,date2)

e.g：

<script>
function calculateTime(date1, date2)
{
return date2-date1;
}

document.getElementById('time').innerHTML = calculateTime(date1,date2); //note that we need to SET date1 and date2 before this will work. 

</script>
<html>
<span id="time">calculateTime(date1,date2);</span>
</html>

JSFiddle示例：http://jsfiddle.net/34qL46z3/1

Answer 2

使用如下所述：

<强> HTML：

<span id="calculatedTime"></span>

JavaScript：

window.onload = function(){
document.getElementById('calculatedTime').innerHTML = date2-date1;

}

从HTML组件调用Javascript

2 个答案: