没有合适的资源?快使用搜索试试~ 我知道了~
*********高阶JS笔记
需积分: 9 0 下载量 152 浏览量
2022-05-10
12:06:45
上传
评论
收藏 87KB DOCX 举报
温馨提示
试读
37页
*********高阶JS笔记
资源推荐
资源详情
资源评论
什么是 ?
: 浏览器对象模型。 主要用来操作浏览器比如创
建新页面、弹出对话框、设置定时器、检测浏览器、获取 信息等。但浏览器对象模型
()尚无正式标准。
是一套操作 标签的 !,已被标准化。"#$ 对象是 $ 对象下的子对
象。$%"#$%&
是一套操作浏览器的 !,未标准化。
常见的 对象有哪些?
常见的 对象
$:代表整个浏览器窗口($ 是 中的一个对象,并且是顶级的对象)
'(:代表浏览器当前的信息,通过 '( 我们可以获取用户当前使用的是什么浏
览器
)$:代表浏览器当前的地址信息,通过 )$ 我们可以获取或者设置当前的地址信
息
&:代表浏览器的历史信息,通过 & 我们可以实现上一步*刷新*下一步操作(出
于
对用户的隐私考虑,我们只能拿到当前的浏览记录,不能拿到所有的历史记录)
$:代表用户的屏幕信息
浏览器内核
浏 览 器 内 核 主 要 指 的 是 浏 览 器 的 渲 染 引 擎 , +,-. 年 以 前 , 代 表 有
$(!/),01(234),51(36#等)以及 (。+,-.年,
谷歌开始研发 $1引擎,6#+7以后开始使用,而 则放弃了自主研发的
引 擎 , 投 入 谷 歌 怀 抱 , 和 谷 歌 一 起 研 发 $1 引擎,国内各种 6# 系 的 浏 览 器
(.8,、9、::、+.;<,百度,傲游 等等)也纷纷放弃 1,投入 $1的怀抱。
7 引擎 6# 浏览器。
移动端的浏览器内核主要说的是系统内置浏览器的内核。
目前移动设备浏览器上常用的内核有 51,$1,$,01等,其中 6$和
等苹 果 平台 主要是 5= , $;%; 之前 的 $ 系统 浏览器内 核是
5= , $;%; 系 统 浏 览 器 切 换 到 了 96#"# , 内 核 是 51 的 分 支
$1,5$ 6$7系统浏览器内核是 $。
对象
$%>提示信息>
$%$2#?确认信息?
$%#?弹出输入框?
functionopemPromt(){
varresult=window.prompt("带输入框的警告框","默认
值")
console.log(result)
if(result==null){
console.log("点击了取消键")
}else{
//trim()去掉字符串前和后面的的空格符号
if(result.trim().length==0){
console.log("输入内容不能 Wie 空")
}else{
console.log(result)
}
}
}
$%$?" 地址?,>打开的方式(可以是@3 或@1)>,>新窗口的大小>)
//_self 在原先窗口打开
//_blank 在新窗口打开
window.open("1 键盘控制移动拼
图.html","_blank","width=200;height=300")
$%关闭当前的网页。 注:存在兼容性问题
$%#移动当前窗口
//ie 浏览器可以5谷歌浏览器和火狐浏览器不可以
//俩个参数分别为距离屏幕左边和上边的距离
window.moveTo(100,100)
$%A调整当前窗口的尺寸
//ie 的可以5谷歌和火狐兼容性不好
//俩个参数代表的是页面宽度和高度
window.resizeTo(200,200)
$%#"函数,时间只执行一次
$%!$函数,时间无限执行
$%#"*$%!$定时器名称清除定时器
5$尺寸
有三种方法能够确定浏览器窗口的尺寸。
对于 !$$/4、96#、B34、以及 3:
$%$$(6@浏览器窗口的内部高度包括滚动条,浏览器可视区域的高
$%$$56@浏览器窗口的内部宽度包括滚动条,浏览器可视区域的宽
对于 !$$/47、C、8、<:
"#$%"#$/#$%$(6不包括滚动条
"#$%"#$/#$%$56不包括滚动条
或者
"#$%&%$(6不包括滚动条
"#$%&%$56不包括滚动条
对象
$%)$ 对象:用于获得当前页面的地址 ,并把浏览器重定向到新的页面。在
编写时可不使用 $这个前缀。
: $3#",统一资源定位器, 访问网络的地址(! ,域名)
!: $3#"!$)2,统一资源标识符
!D 是 ! 的子集
!* 格式:
E协议名FG**E用户名FGE密码FHE服务器地址FGE服务器端口号F*E路径FIE查询字符串FJE片段 !F
协议名:6K6KL2
! 域名
-+C%,%,%-6
)$%63M>" 地址>
)$%66返回J号后面的字符串,不包含散列,则返回空字符串。
)$%6返回服务器名称和端口号
)$%6$#返回目录和文件名。 **%6#
)$%6返回I号后面的所有值。
)$%返回 中的指定的端口号,如 中不包含端口号返回空字符串
)$%返回页面使用的协议。 6KG或 6KG
的
)$%N方法用来刷新当前页面%该参数要求为 布尔 $@类型,当取值为 "时,
将强制浏览器从服务器重新获取当前页面资源,而不是从浏览器的缓存中读取,如果取值
为 3或不传该参数时,浏览器则可能会从缓存中读取当前页面。
**无缓存刷新页面(但页面引用的资源还是可能使用缓存,
**大多数浏览器可以通过设置在打开开发者工具时禁用缓存实现无缓存需求)
$%)$%"N
)$%($N方法会触发窗口加载并显示指定的 的内容。
**跳转到 )$%这篇文章
"#$%)$%($>6KG**%#A%(*A6@9'**5* !*)$*>N
)$%N方法以给定的 来替换当前的资源。与 ($方法 不同的是,调用
方法后,当前页面不会保存到会话历史中($&),这样,用户点击回
退按钮时,将不会再跳转到该页面。
**'(6)$%)&$(6(
$%)$%>6KG**%#A%(*$@**5* !*)$*>N
对象
$%$(对象包含有关访问者浏览器的信息。在编写时可不使用 $ 这个前缀。
$(%O#:操作系统类型;
$(%"($:浏览器设定的 @($ 字符串。
if(navigator.userAgent.indexOf("Firefox")!=-1){
console.log("火狐浏览器")
}
if(navigator.userAgent.indexOf("Chrome")!=-1){
console.log("谷歌浏览器")
}
$(%9'#:浏览器代号;
$(%'#:浏览器名称;
$(%P$:浏览器版本;
$(%$("(:浏览器设置的语言;
$(%&#$("(:浏览器系统语言;
$(%1/$:浏览器是否启用了 1;
其中 "($ 是最常用的属性,用来完成浏览器判断。
!" 对象
$%6&对象包含浏览器的历史。为了保护用户隐私,对 访问该对象的方
法做出了限制。
6&%1@加载历史列表中的前一个 。返回上一页。
6&%3@加载历史列表中的下一个 。返回下一页。
6&%(@负数时返回上一页,正数时返回下一页,
#$%% 对象
$%$对象包含有关用户屏幕的信息。
$%56属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。
$%(6属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务
栏。
&'%
1 的作用:用来长时间保存用户名等信息。可以在多个页面相互存取不是主要的作
用
//1设置 cookie
//设置带有效时间的 cookie
vardate=newDate("2021-09-2403:00:10")
console.log(date.toString())
//设置 cookie 的5存储的以 key/value 键值对的形式存在本地,一般
cookied
//的值都需要加密(md5base64 等)
//name=邢志勇5cookie 的 key/value
//expires有效期
//path只允许该目录下文件来访问 cookie
//FriSep24202111:00:10GMT
document.cookie=`name=邢志勇;expires=$
{date.toString()};path=/other`
//设置的会话的 cookie浏览器在关闭的时候 cookie 就会失效
document.cookie="age=10"
//设置有效期55max-age:cookie 的最大有效期,cookie60s 之后失效
vartime=60
document.cookie=`sex=男;max-age=${time}`
//默认情况下 cookie 可以通过 js 进行访问,通过 httponly=false 设置
//js 不能访问
varheight=170
document.cookie=`height=${height};httponly=false;`
编码和简码之间的转换
**会对 1 值进行加密
"M$!9#$$"**对元素进行转换成编码
"$!9#$$+E-F**把找到的元素的编码转换成简码
< 加密
varstr="helloworld"
console.log(md5(str));//5eb63bbbe01eeed093cb22bb8f5acdc3
用来加密
立即执行函数
!!B/!##&@$13"$)$4$函数在声明之后会里面执行并且执行一次,主
要防止函数名的冲突。
写法一
vara=10
//;表明和上一句是分开的
//把整个 function 匿名函数括起来
//最后()是调用的
;(function(){
console.log(a)
})()
写法二
;(function(b){
console.log(b)
})('hello')
写法三
;(function(c){
console.log(c)
}("你好"))
%($% 的 $% 和 !%!!$%
( 是 6< 提供的新特性,用来保存数据,让数据在浏览器上共享。它分两种类型:
$( 会话存储,( 本地存储。
使用 < 可以在本地存储用户的浏览数据。早些时候本地存储使用的是 1。但是
5存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于
用户请求网站数据上。它也可以存储大量的数据,而不影响网站的性能。数据以 键*值 对
存在 网页的数据只允许该网页访问使用。
5( 的目的是为了克服由 1 带来的一些限制,当数据需要被严格控制在客户端
上时,无须持续地将数据发回服务器。
+%(和 1的区别?(防面试)
( 比 1 安全
( 比 1 存储的数量大
( 无需在客户端和服务器请求过程中携带,而 1 需要。
$(6属性。
!#1&"QQ保存数据,以键值对的方式储存信息。
(!#1&QQ获取数据,将键值传入,即可获取到对应的 " 值。
#!#1&QQ删除单个数据,根据键值移除对应的信息。
QQ删除所有的数据
1&$4QQ获取某个索引的 1&
//localStorage可以在多个窗口里面进行使用
剩余36页未读,继续阅读
资源评论
哒哒哒Q
- 粉丝: 43
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功