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

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

這個代碼沒有錯呀，就是一個簡單的按鈕，錯哪里了~~~~求大神解惑

這個代碼沒有錯呀，就是一個簡單的按鈕，錯哪里了~~~~求大神解惑

hcl哦了 2016-02-28 23:38:38
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>返回值函數</title><script type="text/javascript">? var x=document.getElementById("box")? ? x.onclick=function(){? ? ?alert('box')? ? }? var y=document.getElementById("btn")? ? y.onclick=function(){? ? ? alert('btn')? ? ? }</script></head><body><div id="box">? ? <input type="button" value="ddd" id="btn"></div></body></html>
查看完整描述

4 回答

已采納
?
Caballarii

TA貢獻1123條經驗 獲得超629個贊

把script整體放到</body>之前就行，你在document.getElementById的時候html還沒加載，自然綁不上事件

查看完整回答
3 反對 回復 2016-02-29
  • hcl哦了
    hcl哦了
    還是不行~~我把他放在body里面，</body>之前都不行
  • 云備胎
    云備胎
    冒泡了。你點擊btn，實際上也觸發了點擊box的事件。建議你以關鍵字“js 阻止冒泡”來搜索一下。
?
ruibin

TA貢獻358條經驗 獲得超213個贊

執行js代碼的時候，頁面還沒有渲染，此時不能找到對應的節點。事件冒泡機制不熟悉，建議多理解下。我修改了你寫得代碼，應該達到了你想要的目的。

<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ?<title>返回值函數</title>
? ?<style>
? ? ? ?div {
? ? ? ? ? ?width: 200px;
? ? ? ? ? ?height: 200px;
? ? ? ? ? ?border: 1px solid red;
? ? ? ?}
? ?</style>
? ?<script type="text/javascript">
? ? ? ?window.onload = function() {
? ? ? ? ? ?var x = document.getElementById("box");
? ? ? ? ? ?x.onclick = function() {
? ? ? ? ? ? ? ?alert('box');
? ? ? ? ? ?}
? ? ? ? ? ?var y = document.getElementById("btn");
? ? ? ? ? ?y.onclick = function(e) {
? ? ? ? ? ? ? ?e.stopPropagation();
? ? ? ? ? ? ? ?alert('btn');
? ? ? ? ? ?}
? ? ? ?}
? ?</script>
</head>
<body>
<div id="box">
? ?<input type="button" value="ddd" id="btn">
</div>
</body>
</html>

查看完整回答
1 反對 回復 2016-02-29
?
ruibin

TA貢獻358條經驗 獲得超213個贊

執行js代碼的時候，頁面還沒有渲染，此時不能找到對應的節點。事件冒泡機制不熟悉，建議多理解下。我修改了你寫得代碼，應該達到了你想要的目的。

<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ?<title>返回值函數</title>
? ?<style>
? ? ? ?div {
? ? ? ? ? ?width: 200px;
? ? ? ? ? ?height: 200px;
? ? ? ? ? ?border: 1px solid red;
? ? ? ?}
? ?</style>
? ?<script type="text/javascript">
? ? ? ?window.onload = function() {
? ? ? ? ? ?var x = document.getElementById("box");
? ? ? ? ? ?x.onclick = function() {
? ? ? ? ? ? ? ?alert('box');
? ? ? ? ? ?}
? ? ? ? ? ?var y = document.getElementById("btn");
? ? ? ? ? ?y.onclick = function(e) {
? ? ? ? ? ? ? ?e.stopPropagation();
? ? ? ? ? ? ? ?alert('btn');
? ? ? ? ? ?}
? ? ? ?}
? ?</script>
</head>
<body>
<div id="box">
? ?<input type="button" value="ddd" id="btn">
</div>
</body>
</html>

查看完整回答
1 反對 回復 2016-02-29
  • ruibin
    ruibin
    我也不知道為什么發了兩遍，這個驗證碼有bug啊。
?
IT菜_鳥

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

<!DOCTYPE HTML>

<html>

<head>

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

<title>地方</title>

<script type="text/javascript">

window.onload=function(){

? var x=document.getElementById("box");

? ? x.onclick=function(){

? ? ?alert('box');

? ? }

? var y=document.getElementById("btn");

? ? y.onclick=function(){

? ? ? alert('btn');

? ? ? }

?}

</script>

</head>

<body>


<div id="box">

? ? <input type="button" value="ddd" id="btn">

</div>

</body>

</html>


查看完整回答
反對 回復 2016-03-01
  • 4 回答
  • 0 關注
  • 1804 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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