亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么有時候在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下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號