Bom对象 浏览器

-HTML中属性如果出现多个单词,我们用-来区分,例如data-source
getAttribute(属性名)  获得属性值都是字符串
JS 中属性必须使用驼峰式命名法,因此不能使用-区分,这样我们在开发中如果想要设置标签属性 必须使用setAttribute。 所有使用点语法给标签添加的属性,不能出现在标签属性上,div.source是不能出现在div标签上的
css设置的样式值在JS中第一次是无法取得的。因为JS执行比CSS更早
getComputedStyle(对象,伪类).样式
页面中body的宽高,实际上页面内容的宽高,这个高度是被内容撑开的,如果没有内容,它的值是0

varstr=JSON.stringify(arr)//把数组或者对象转换为JSON字符串
vararr1=JSON.parse(str);//把JSON字符串转换为对象。
localStorage本地储蓄永久保存用法与对象相同清除用localStorage.removeItem("")或localStorage.clear("")
 $.parseJSON(json) : 解析json字符串转换为js对象/数组
    json: 具有特定格式的字符串
     分类:
        1. json对象
          '{"name": "wukong", "age": 18}'
        2. json数组
          '[{"name": "wukong", "age": 18}, 18]'
原生JS提供的方法
JSON.stringify()将JS对象或数组转化为JSON对象或数组
JSON.parse()将JSON对象或数组转化为JS对象或数组
注意:里面只能用""
MD5加密模式不可解只能用来比对信息。可下载jsMD5包应用。
Bom和Dom的区别
DOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率。
window对象
open()    window.open("要打开的网页", "网页名字", "height=400,width=400,top=10,left=10");     close()关闭页面
innerHeight 浏览器窗口的内部高度(兼容所有浏览器)—包含滚动条
innerWidth浏览器窗口的内部宽度(兼容所有浏览器)
outerWidth 可以获取浏览器窗口的整个宽
outerHeight可以获取浏览器窗口的整个高
screenLeft screenTop screenX screenY 
location对象
reload()重新加载当前页面
href      location.href = "https://www.baidu.com/";
Assign       location.assign(“https://www.baidu.com/“)
Replace   location.replace("https://www.baidu.com/");
Hash  获取到url中#后的字符串,如果没有,则返回空字符串。
hostname 返回 web 主机的域名
pathname 返回当前页面的路径和文件名
port 
返回 web 主机的端口 (80 或 443)
protocol 返回所使用的 web 协议(http:// 或 https://)
history对象
Back   向后退一页            forward 向前进一页
Go   空 0  刷新页面     参数为-1:后退一页      参数为1:前进一页   参数为2:前进两页
length属性返回历史列表中的网址数
screen对象
availHeight屏幕的高度像素减去系统部件高度之后的值
availWidth屏幕的宽度像素减去系统部件宽度后的值
height屏幕的高度像素
width屏幕的宽度像素
navigator对象
userAgent返回由客户机发送服务器的 user-agent 头部的值
appName返回浏览器的名称。
appVersion返回浏览器的平台和版本信息。
platform返回运行浏览器的操作系统平台。

猜你喜欢

转载自blog.csdn.net/xiaoming0018/article/details/80336302