window.addeventlistener'scroll'为啥没有效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了window.addeventlistener'scroll'为啥没有效果相关的知识,希望对你有一定的参考价值。

WIN7常见的版本有家庭版和旗舰版。32位和64位。家庭版的多是在品牌电脑预装,对话框是没有透明效果的。
旗舰版有透明效果。

在桌面上右键,有“个性化”选项,设置透明效果都在“个性化”选项中设置。
家庭版是没有这个选项的。

进入“个性化”选项后,更换一下主题就可以了。而透明度可以在最下面的“窗口颜色”中设置。
参考技术A window.addEventListener('[event]', function( [param] )
    [code content] 
);

注: [evet]改成事件名称,比如scroll, resize, load等等

[param]改成参数(可以不填),调用时的传参

[code content] 是函数的内容,也就是你要写的代码区域

前面的window.指的是对window,也就是网页的窗口(我们看到的东西)的监听。

没有效果有几个原因,没有触发事件,以及addEventListener监听的事件是没有on的

window.onresize 的 onresize 在 addEventListener 里是 resize,也就是:

// 使用匿名函数
window.addEventListener('resize', function()

);

// 或者调用函数
window.addEventListener('resize', [function name]());

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法:

Window.addEventListener(eventfunctionuseCapture);

useCapture:表示传递的类型是冒泡(false)还是捕获(true)。

Event:表示事件;

Function:表示事件发生后触发的方法

2.window.hisitroy

DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。

如:window.history.go(-1):  向后倒退一页   window.history.go(1)  :向前前进一页

window.history.back();

window.history.forward();

 

HTML5 history新特性pushState、replaceState

 

Window.history.pushiState: 实现用户往浏览器中新增一个历史纪录(主要用于改变当前的Url)

Window.history. replaceState:  实现用户修改一个历史纪录

 

详见:https://blog.csdn.net/tianyitianyi1/article/details/7426606

以上是关于window.addeventlistener'scroll'为啥没有效果的主要内容,如果未能解决你的问题,请参考以下文章

window.addEventListener 正在监听 window.parent.postMessage 两次

JS window.addEventListener仅适用于一页

$window.addEventListener 仅在第一次工作,但下一次在病房中无法通过 $watch 工作

window.addeventlistener使用方法

window.addEventListener 代码在移动设备上不起作用

window.addEventListener("消息", getData);在野生动物园中不起作用?