1回答

好帮手慕星星

2018-09-30

1、

获取页面元素。

2、

'orientationchange' in window 这个是判断在window对象中是否有orientationchange属性，因为orientationchange会遇到兼容性问题，有的浏览器不支持，所以这边做了判断来决定是用orientationchange还是resize（思路就是用resizeEvt这个变量来控制用哪个，后面只要用resizeEvt这个变量来监听屏幕是否被调整，在下面的window.addEventListener(resizeEvt, recalc, false);中用到的就是它）

3、

如果元素中没有addeventListener监听事件就返回。

4、

执行window也就是浏览器的监听事件，执行页面的监听事件DOMContentLoaded（表示文档加载完成但是不包含图片资源），然后调用recalc事件。

5、addEventListener事件中的三个参数：

    第一个：字符串，指定事件名。

    第二个：指定要事件触发时执行的函数。 

    第三个：默认是false。事件句柄在冒泡阶段执行。true：事件句柄在捕获阶段执行

祝学习愉快~~

0