为了账号安全,请及时绑定邮箱和手机立即绑定

为什么有时候在script内直接调用函数有效,有时候却调用不了?

如下两个例子:

例子一(script内有效调用)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数调用</title>

<script type="text/javascript">

function tcon()

  {

alert("恭喜你学会函数调用了!");

  }

  tcon();            //调用函数,成功调用

</script>

</head>

<body>

</body>

</html>


例子二(script内无效调用)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>计时器</title>

<script type="text/javascript">

  var num=0;

  function startCount() {

    document.getElementById('count').value=num;

    num=num+1;

    setTimeout(startCount,1000);

  }

  startCount();       //这里调用函数,但实际上无反应;

</script>

</head>

<body>

<form>

<input type="text" id="count" />

</form>

</body>

</html>


正在回答

3 回答

我的理解有误,你的解释是正确的,厉害呀,给你

0 回复 有任何疑惑可以回复我~

后续认识更新:

  1. 如果JS放在HTML元素之前,且JS中有获取HTML元素对象的语句,会因为HTML中其他元素加载时间晚于JS代码,导致无法获取HTML元素对象;

  2. 解决的方法:a.将JS放在相应HTML元素对象之后,但这样做比较不方便;b.把获取对象的语句放入window.onload事件中,那么获取对象的语句会在网页加载完毕过后才执行,避免了以上问题!

  3. 例:window.onload=function(){......}

1 回复 有任何疑惑可以回复我~

这是因为你的第二个代码中存在 document.getElementById('count').value=num;document是文档对象,一旦一个函数中存在这种对象,就必须有相关的事件处理机制调用该函数才行,比如:<input type="text" id="count" onfocus="startCount()"/>,这样就不会出错了。JavaScript的事件有很多,比如:onclick、onblur.....

1 回复 有任何疑惑可以回复我~
#1

Eason_Mar 提问者

好像不一定,如果我把<script>……</script>放在input之后,不需要事件处理机制也可以调用; 我看到一个解释,不知道是否正确:“script放在input前,此时由于input还没加载所以函数停止调用,script放在input后即可生效”,不过从实验结果来看,确实如此。
2016-03-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么有时候在script内直接调用函数有效,有时候却调用不了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信