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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

感覺超簡單的問題,可是就是找不出原因。我這么寫應該沒問題啊,但是警告窗口就是彈不出來

感覺超簡單的問題,可是就是找不出原因。我這么寫應該沒問題啊,但是警告窗口就是彈不出來

lulubiu 2017-04-28 23:13:50
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script>var btn1=document.getElementById('btn1');btn1.onclick=function(){alert("按鈕");}</script></head><body><div><input type="button" value="按鈕" id="btn1"></div></body></html>
查看完整描述

7 回答

已采納
?
aparch

TA貢獻5條經驗 獲得超5個贊

我來回答一下吧,這個問題有2個解決方法,

      1. 可以把script標簽放在body的上面,但是在寫代碼前,要寫成下面這種

        window,onload=function(){

        ? ? ? ?//這里寫你要寫的代碼

        }

      2. 也可以把script標簽放在最后,就是</body>的前面,這樣寫的話,就不需要加方法1的語句了,當然加了也是可以的

最后,告訴你原理:

html是文檔流,網頁加載的時候,是從上到下依次讀取的,所以,你的寫法的話,會首先讀取btn,獲取btn的id,但是,我們還沒有加載到body部分,所以id這時候是讀取不到的。為了避免這種情況,可以把js放到body內容的最后,這時候讀取btn,前面已經加載了?;蛘呤窃趯懘a前,window.onload,告訴瀏覽器等頁面全部加載完畢,在觸發事件,執行你的函數。

查看完整回答
3 反對 回復 2017-04-29
?
杜發明

TA貢獻202條經驗 獲得超301個贊

還有一個無敵的解決方法,引用jQuery庫,點擊事件用on中的click,直接綁定,通常異步加載那些數據中都用on綁定的
查看完整回答
1 反對 回復 2017-04-30
?
喂你還欠我一個擁抱

TA貢獻2條經驗 獲得超1個贊


寫個Window.onload,學的不扎實啊

查看完整回答
1 反對 回復 2017-04-30
?
qq_china謝sir_0

TA貢獻2條經驗 獲得超2個贊

找代碼錯也有方法 ?要善于用瀏覽器的審查元素 ? 打開瀏覽器 按快捷鍵f12 ? 里面的console菜單欄里面會有報錯信息。。。

也可以用編輯器里的插件提示你代碼是否有 ? 比如webstorm 。個人感覺最好用瀏覽器的審查元素

傳送門:http://www.xianlaiwan.cn/learn/137?慕課網的課程 你可以看看?


查看完整回答
1 反對 回復 2017-04-29
?
慕仔5112925

TA貢獻11條經驗 獲得超4個贊

你要了解加載機制是從上到下的,,你這個首先加載的js代碼 然后才是html代碼,,當加載js代碼的時候,html代碼還沒出現,根本就沒綁定成功,所以沒有效果 ;

查看完整回答
1 反對 回復 2017-04-29
?
杜發明

TA貢獻202條經驗 獲得超301個贊

  1. 想想頁面的加載順序,通常css放頭部,js放尾部,養成良好的習慣;

  2. 建議把onclick事件寫在input中,別人一看html就知道你這個點擊事件的函數。

查看完整回答
1 反對 回復 2017-04-29
  • 高jay
    高jay
    有潔癖的人不會在html種寫一個js
  • 杜發明
    杜發明
    應該是絕對不會在html中寫js,都是封裝的腳本,同樣在Linux的sh腳本文件
?
qq_青棗工作室_0

TA貢獻446條經驗 獲得超754個贊

把<script>放在</body>前面就行了。就是要放在<div id="btn1">之后,才能用document.getElementById('btn1')

查看完整回答
1 反對 回復 2017-04-28
?
高jay

TA貢獻96條經驗 獲得超122個贊

要么把js放在html后面,要么請用onload
查看完整回答
反對 回復 2017-04-28
?
慕哥7619466

TA貢獻13條經驗 獲得超0個贊

<Script type="text/javaScript">

查看完整回答
反對 回復 2017-04-28
  • 7 回答
  • 0 關注
  • 2924 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

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

公眾號

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