如何在第一次加载页面时运行Javascript代码？

我有一个JS函数来计算给定数据乘以另一个输入数据

var item1unitp = 150;
var item2unitp = 320;

function total () {

    var x1 = document.getElementById('t1').value;
    var x1p = parseInt(x1);
    var tot1 = item1unitp * x1p;

    var x2 = document.getElementById('t2').value;
    var x2p = parseInt(x2);
    var tot2 = item2unitp * x2p;

    var tot = tot1+tot2;

    document.getElementById('tot').innerHTML = tot;
}

还有我的HTML

Item 1 : <input type="text" id="t1" value="1" onkeyup="total();"/> <br/><br/>

Item 2 : <input type="text" id="t2" value="1" onkeyup="total();"/> <br/><br/>

Sub Total : <span id="tot"></span>

第1项：


第2项：


小计：

---

此代码正在运行，但在页面的开头，此跨度没有显示任何内容。但我已经为每个输入添加了值1。如何在开始时得到初始小计？

我想这就是你所期望的，如果是错误的，请告诉我

Sub Total : <span id="tot" value="total()"></span>
<script>
var item1unitp = 150;
var item2unitp = 320;

function total() {

  var x1 = document.getElementById('t1').value;
  var x1p = parseInt(x1);
  var tot1 = item1unitp * x1p;
  var x2 = document.getElementById('t2').value;
  var x2p = parseInt(x2);
  var tot2 = item2unitp * x2p;
  var tot = tot1+tot2;

  document.getElementById('tot').innerHTML = tot;
  return tot;
}
total();
</script>

小计：
var item1unitp=150；
var item2unitp=320；
函数总数（）{
var x1=document.getElementById（'t1'）。值；
var x1p=parseInt（x1）；
var tot1=项目1单位*x1p；
var x2=document.getElementById（'t2'）。值；
var x2p=parseInt（x2）；
var tot2=item2unitp*x2p；
var tot=tot1+tot2；
document.getElementById（'tot'）。innerHTML=tot；
返回tot；
}
总数（）；

试试这个。我们将页面加载时调用的函数

total

。在JS中为

onkeyup

而不是HTML中设置事件处理程序也是一种很好的做法。这是为了分离网站的布局和行为，所以我也这样做了

HTML

---

运行函数时，只需在DOM中的元素后添加

total（）

，您可以更具体地？？最简单的方法是将其放在

标记之前：

total（）
Item 1 : <input type="text" id="t1" value="1" /> <br/> <br/> 
Item 2 : <input type="text" id="t2" value="1" /> <br/> <br/> 
Sub Total : <span id="tot"></span>

var item1unitp = 150;
var item2unitp = 320;

t1.onkeyup = total;
t2.onkeyup = total;
window.onload = total;

function total(){

    var x1 = document.getElementById('t1').value;
    var x1p = parseInt(x1);
    var tot1 = item1unitp * x1p;

    var x2 = document.getElementById('t2').value;
    var x2p = parseInt(x2);
    var tot2 = item2unitp * x2p;

    var tot = tot1+tot2;

    document.getElementById('tot').innerHTML = tot;
}