DOM 与事件
js 和 html 之间的交互是通事件实现的。事件就是文档或者浏览器窗口中发生的一些特定的瞬间。我们可以使用侦听器来预定事件,以便事件发生时执行相应的代码。传统的软件工程中称为观察者模式,使得行为(js)和外观(html 和 css)松散耦合。 DOM 事件流注意:没有 DOM1 事件流的概念。 “DOM2级事件”规定事件流包括 3 个阶段: 事件捕获(默认不启用, 需要显式设置 capture: true) 处于目标 事件冒泡 以下面的 DOM 结构为例: 单击 div 元素事件是先是从 Document -> Div 的捕获阶段,然后是 Div -> Document 的冒泡阶段。 事件处理程序1<button onclick="show();"> Q:上述的时间处理程序有什么缺点?A:缺点有2个。①可能存在时差问题:考虑这样一种情形,show函数定义在按钮的后面,当DOM还没有加载到script标签的时候将会发生错误,此种情形可以通过内部添加try-catch来解决:<button...
javascript 中的元素大小
偏移量offset dimension包括元素在屏幕上占用的所见空间的大小.元素的可见大小由宽高,内边距,滚动条和边框确定,注意:不包含外边距. 如图所示: offsetLeft和offsetTop属性与包含元素有关,包含元素的引用保存在offsetParent属性中。offsetParent属性不一定与parentNode的值相等。例如,<td>元素的offsetParent是作为其祖先元素的<table>元素,因为<table>是在DOM层次中距<td>最近的一个具有大小的元素。 要想取得某个元素在页面上的偏移量,就可以将这个元素的offsetLeft和offsetParent.offsetLeft相加,如此循环直到根元素就可以得到一个基本准确的值: 123456789function getElementLeft(element) { var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current...
大话机器学习
...