课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

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

来源：8-5 计时器setTimeout()

Eason_Mar

2016-03-06 21:00

如下两个例子：

例子一（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回答

  • lucas7458563
    2016-03-10 17:35:33
    已采纳

    我的理解有误，你的解释是正确的，厉害呀，给你点赞

    0 0
  • Eason_Mar
    2016-03-28 12:49:19

    后续认识更新：

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

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

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

    0 1
  • lucas7458563
    2016-03-06 21:49:18

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

    1 1

    Eason_...

    好像不一定，如果我把<script>……</script>放在input之后，不需要事件处理机制也可以调用； 我看到一个解释，不知道是否正确：“script放在input前，此时由于input还没加载所以函数停止调用，script放在input后即可生效”，不过从实验结果来看，确实如此。

    2016-03-06 21:55:21

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题

为什么在script里面直接调用函数不好使

回答 7

函数定义的时候有参数，调用的时候没有传参数，会是什么情况？

回答 4

为什么调用函数的时候不加括号（）？

回答 2

计时器函数为什么不能在js里直接用 函数名（） 调用

回答 3

为什么直接调用函数不行？

回答 4

打开慕课网App查看更多内容