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

Posted 2023-04-06

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(event, function, useCapture);

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