标题BOOM类封装函数

1.// 封装兼容性方法，可视区窗口大小
function getViewportOffset(){
if(window.innerHeight){
return{
w:window.innerWidth,
h:window.innerHeight
}
}else{
if(document.compatMode===‘BackCompat’){
return{
w:document.body.clientWidth,
h:document.body.clientHeight
}
}else{
return{
w:document.documentElement.clientWidth,
h:document.documentElement.clientHeight
}
}
}
}

2.//div.getBoundingClientRect();查看div的一切信息

3.// 封装获取不同浏览器下样式值
function getStyle(elem,prop){
if(window.getComputedStyle){
return window.getComputedStyle(elem,null)[prop]//主流浏览器
}else{
return elem.currentStyle[prop]//ie9以下
}
}
// 调用方法：getStyle(元素名，‘属性名’)

4.// 改变伪元素值
div.οnclick=function(){
div.className=‘red’;
}//通过改变元素名改变值，相当于引入另一个样式

JS部分BOOM类封装函数相关推荐

js 音频音乐播放封装函数代码
js函数代码 /*** 音频到网上找* src:音频链接**/ function playSound(src){var src;var borswer = window.navigator.userA ...
python函数封装的好处_C++用类封装函数有什么好处么？
myListSort这种用法称为"函数对象"或"仿函数".从名称可以看出来,myListSort是一个类(或结构),而非函数,但是它的使用方法又颇似函数,即可以 ...
js打怪兽（封装函数）
运行结果: 下面是详细代码(复制粘贴即可): // 案例:英雄打怪兽 // 创建一个构造函数 (英雄和怪兽),攻击力(100).防御力(50).暴击率(随机一个数5的倍数攻击力*2) // 伤害值 ...
关于js封装函数的一些东西
关于封装函数,函数封装是一种函数的功能,它把一个程序员写的一个或者多个功能通过函数.类的方式封装起来,对外只提供一个简单的函数接口.当程序员在写程序的过程中需要执行同样的操作时,程序员(调用者)不需要 ...
react封装函数_react request.js 函数封装
1.request.js 函数封装 import { Toast } from 'antd-mobile'; import axios from 'axios'; import store from ...
js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
原生JS基于window.scrollTo()封装垂直滚动动画工具函数
概要: 原生JS基于window.scrollTo()封装垂直滚动动画工具函数,可应用与锚点定位.回到顶部等操作. ####封装原因: 在vue项目中,遇到需要实现垂直滚动效果的需求,初步想到的方法有 ...
python类的封装是什么意思_python类封装 python中将函数和变量封装成类的好处
Python中的封装有什么作用?发现自己的错误,就是开悟:改正自己的错误,就是成就. 日常生活中可以看到很多的汽车,汽车包括车轮.发动机.车架等零部件.可以在车架上安装车轮,然后安装发动机,最后安装其 ...
js的常用封装函数库之Number操作
js的常用封装函数库之Number操作: /* * 函数功能:Number */class NumberFn {/*随机数范围*/random (min, max) {if (arguments.le ...

JS部分BOOM类封装函数

标题BOOM类封装函数

JS部分BOOM类封装函数相关推荐

最新文章

热门文章