js监测移动设备横竖屏

这个适用于要切换横竖屏的页面,比如视频播放,游戏娱乐等业务场景。 `js window.addEventListener('resize', () => { if (window.orientation === 180 || window.orientation === 0) { console.log('竖屏'); } if (window.ori ...

鼠标和键盘事件案例

导语:之前已经说过了事件的来龙去脉和属性以及方法,今天就说一下鼠标和键盘事件的案例。 温馨提示: 前提是你要引入一个gjs.js文件 https://felab.guanqi.xyz/assets/js/gjs.min.js 才可以运行。 `html <script src="https://felab.guanqi.xyz/assets/js/gjs.mi ...

js之事件解读

导语:在js中,具有交互性程序的是事件驱动。它可以很好的和用户进行互动,增强网页的趣味性和互动效果,提高更好的用户体验。今天我分享一篇有关事件驱动的文章,讲诉事件的来龙去脉,文章有不妥之处,还请电邮反馈。 事件的起源 这节开始说事件的起源,也就是原始事件模型。这是最初始的事件处理模式,通常把它当作0级DOM的一部分,所有游览器都支持。 事件以及事件类型 * ...

js之cookie操作

导语:今天,说一下这个cookie的属性和用法,包括设置cookie,获取cookie,删除cookie。cookie是Document对象的一个属性,可以使js方便的把 一些数据放在在本地进行存取操作。cookie还用于客户端脚本化,是http协议的一个标准扩展。 cookie的概念 cookie是Web游览器存储的少量命名数据,它作用于某个特定的网页或者网站。它 ...

js之DOM详解

导语:之前说过BOM是游览器对象模型,提供了很多操作游览器、操作窗口的属性和方法。那从今天开始讲述有关DOM的知识点。 DOM的概念 DOM英文全称是Document Object Model,简称DOM,含义是文档对象模型。这个是核心的js语法所没有的,是对核心js的扩展。 每个游览器窗口都显示一个HTML文档,那每个窗口就有一个Window对象,而它的属性d ...