DOM事件探秘_技术问答

青衫叱咤

btn2.onclick=alert("我是按钮2的事件"); 为什么运行后是没有点击它就直接跳出来？: alert是window对象下方法，这样写默认页面加载就触发了; 2018-04-27 2回答·1597浏览

qq_縯绎那平凡_03287663

为啥第二个按钮没有作用了，看了半天没看出问题: 智商是硬伤，这个是最基本的概念，没获取到btn2元素怎么会执行后面的函数; 2018-02-10 3回答·1116浏览

qq_新爷_0

DOM0级问题: 已采纳 qq_f繁华似锦_0 的回答; getElementByid写错了，是getElementById；; 2017-10-15 1回答·1416浏览

ekberrr

DOM0级事件处理

你将js写在body前面会导致 btn还没有生成的时候 js就调用了这时候找不到BTN对象就报错了将js放到body后面书写即可

<!DOCTYPE html>

<html>

<head>

<title>button</title>

</head>

<body>

<div>

</div>

</body>

var bt = document.getElementById('btn');

bt.onclick = function(){

alert('hhh');

}

</script>

</html>

2017-08-24 2回答·1208浏览

山巅对弈

script位置问题: 已采纳慕瓜9367733 的回答; 简言之，你把script标签放在<head>里，加载页面时会先加载，而那时你还没有点击按钮，就是没有click这个事件发出，而当页面全部加载完毕，你需要click时，却无法查到对应的事件及事件处理程序，因为没有用HTML级事件处理程序，无法从script里查找对应的方法。; 2017-04-11 2回答·919浏览

gary_Chen

DOM0级一定要用匿名函数吗: 已采纳修修修大米粥的回答; 我只知道不一定用匿名函数; 2017-04-05 1回答·765浏览

JQuery_DOM

小白提个问。。

已采纳慕数据5775487 的回答

因为浏览器是从上到下从左到右读取和显示html文档，如果不加window.onload的情况下把<script>标签写在<input>标签之前，比如我要var btn=document.getElementById('btn')获取到id名为“btn”的这个input元素，

这时input标签在下面浏览器还没有读取到input标签，浏览器就会报错。

2016-12-07 2回答·773浏览

qq_若相惜卟弃_3

为什么点击第二个按钮不弹出警告框呢？: onclick的c小写; 2016-11-01 2回答·880浏览

Erkeleteyin

我这里什么地方出错了吗？浏览器上没反应: 懂了，哈哈加载顺序不同，; 2016-10-29 2回答·952浏览

rainy_li3676598

为什么DOM0把script移到head里面后，不弹框了

<title>无标题文档</title>

</head>

<body>

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

btn.onclick=function() { alert("no");}

</script>

</body>

或者

function showmes() { alert("no");}

</script>

<title>无标题文档</title>

</head>

<body>

</script>

</body>

上面这两个都能正常跳出弹框

2016-10-11 2回答·929浏览

阳灵鸟

事件流可以用来干嘛？: 已采纳 LanceChou 的回答; 事件流是描述页面接收事件的顺序。
具体的有事件冒泡事件捕获DOM事件流。
1、事件冒泡又叫IE的事件流，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。
2、事件捕获的思想是不太具体的节点应该更早的接收到事件，而最具体的节点应该在最后接收到节点。事件捕获的用意在于事件到达预定目标之前捕获它。
3、DOM2级事件流规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件作出响应。; 2016-10-05 1回答·952浏览

风骚小王子

吊大的的告下: 已采纳再见陌生人123 的回答; DOM分为0级和2级，具体差异请百度; 2016-10-04 4回答·586浏览

qq_一台设备两种生活_0

为什么<script type="text/javascript">加了type就不能运行第二个按钮了呢: 可以运行啊，你在哪个浏览器不能运行？; 2016-09-26 1回答·2117浏览

做过坏小孩

DOM 0级事件处理程序应用问题: 已采纳慕粉15102700706 的回答; btn2.onclick=showMes();把showMes后面的括号去掉; 2016-08-30 2回答·1187浏览

玄鉴

为何是直接用function()没有方法名？: 匿名函数的用法; 2016-07-27 2回答·1104浏览

jicheng

dom0级出现的问题: 已采纳的回答; 2016-06-16 2回答·401浏览

一墨飞雪

DOM 0级问题为什么按钮不响应，提示错误是btn2是空

已采纳 Wei丶Haijun 的回答

如果你的id没有写错的话，很可能是在执行getElementById的时候 btn2还没有创建出来，你可以像下面这样写。

window.onload = function() {
   //... 写上你的代码 
}

2016-04-24 3回答·1306浏览

qincai

报错：btn2不存在

js写在前面，有可能DOM没有加载完成。一是把js代码写在body最后，二是用

window.onload = function() {
    function showMes(){
       alert("Hello World");
    }
    var btn2=document.getElementById("btn2");
    btn2.onclick=function(){
        alert("这是DOM0级添加的事件")
    }
}

2016-04-15 2回答·1164浏览