4 回答

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊
把script整體放到</body>之前就行,你在document.getElementById的時(shí)候html還沒加載,自然綁不上事件

TA貢獻(xiàn)358條經(jīng)驗(yàn) 獲得超213個(gè)贊
執(zhí)行js代碼的時(shí)候,頁面還沒有渲染,此時(shí)不能找到對(duì)應(yīng)的節(jié)點(diǎn)。事件冒泡機(jī)制不熟悉,建議多理解下。我修改了你寫得代碼,應(yīng)該達(dá)到了你想要的目的。
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ?<title>返回值函數(shù)</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>

TA貢獻(xiàn)358條經(jīng)驗(yàn) 獲得超213個(gè)贊
執(zhí)行js代碼的時(shí)候,頁面還沒有渲染,此時(shí)不能找到對(duì)應(yīng)的節(jié)點(diǎn)。事件冒泡機(jī)制不熟悉,建議多理解下。我修改了你寫得代碼,應(yīng)該達(dá)到了你想要的目的。
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ?<title>返回值函數(shù)</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>

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
<!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>
添加回答
舉報(bào)