
ECMAScript:ECMAScript规定了JS的编程语法和基础核⼼知识,是所有浏览器⼚商共同遵守的⼀套JS语法⼯业标准。
2.DOM⽂档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可拓展标记语⾔的标准编程接⼝。通过DOM提供的接⼝可以对页⾯上的各种元素进⾏ *** 作(⼤⼩、位置、颜⾊等)。
3.BOMBOM(Browser Object Model,简称BOM)是指浏览器对象模型,它提供了独⽴于内容的、可以与浏览器窗⼝进⾏互动的对象结构。通过BOM可以 *** 作浏览器窗⼝,⽐如d出框、控制浏览器跳转、获取分辨率等。
二.screen(屏幕)| scren.Width | 浏览器的屏幕的宽度 |
| scren.Height | 浏览器的屏幕的高度 |
| scren.availWidth | 浏览器的屏幕的可用宽度 |
| scren.availHeight | 浏览器的屏幕的可用高度 |
| window.innerWidth | 获取浏览器可视区域宽度 |
| window.innerHeight | 获取浏览器可视区域高度 |
scren返回的值以像素(px)为单位。
availHeight :声明了显示浏览器的屏幕的可用高度(例如 在windows就是移除了状态栏之后)。
三.window全局方法
script 中 var 声明变量没有用var 声明的变量 都是window全局变量。 有id命名的html节点也是全局对象 可以通过window.id名访问常用全局方法,都是省略了window。列如
| alert | 警告d窗 |
| confirm | 确认d窗 |
| prompt | 用户输入d窗 |
| setInterval | 间隔调用 |
| setTimeout | 延迟调用 |
| isNaN | 是否为非数字 |
| document | 文档 |
五. location地址栏信息
href:地址信息protocol:协议hostname: 域名port :端口号pathname: 地址search :查询hash :哈希值
六. navigator
ua = navigator.userAgent; 浏览器的头信息 ,可以用来判断是否为手机浏览器
console.log(navigator);
// 最重要的UA 浏览器的头信息:通常判断是什么浏览器(pc,手机,ios,安卓,谷歌还是Edg...)
var ua = navigator.userAgent;
document.write("
"+ua);
// 检测浏览器是否为手机 includes包含 检测浏览器的头信息是否包含Mobile字符串
if(ua.includes("Mobile")){
document.write("
手机浏览器")
}else{
document.write("
PC浏览器")
}
七. open()方法
open() 打开窗口close() 关闭打开的窗口win=window.open(url,name,feature)url :打开文件的地址 name :名称feature:特性 “width=400,height=400,top=200,left=200”
open方法
八.事件
onload :窗口、图片加载完毕触发onscroll: 滚动时候触发(滚动距离:document.documentElement.scrollTop)resize :当窗口发生大小变化
九.编码
常见编码 ——① utf-8:万国码 ② gb2312:国标 ③ gbk:中文包含繁体字decodeURI:转url编码encodeURI:解url编码decodeURIComponent:转URI编码(包含标点符号)ecodeURIComponent:解URI编码(包含标点符号)
十.预览图片
img.src = window.URL.createObjectURL(myf.files[0])
图片预览
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)