你好,欢迎来到织梦之家,你可以免费观看大量视频教程以及大量模板下载!

欣赏织梦网站建设器工具模型-织梦之家(dedehome.com)

时间:2018-04-12 22:00 来源:织梦之家作者:织梦之家 点击:
欣赏器工具模型一、什么是欣赏器工具模型BOM :Browser Object Model(欣赏器工具模型),欣赏器模型提供了独立于内容的、可以与欣赏器窗口举办滑动的工具布局,

欣赏器工具模型 一、什么是欣赏器工具模型 BOM :Browser Object Model(欣赏器工具模型),欣赏器模型提供了独立于内容的、可以与欣赏器窗口举办滑动的工具布局,就是欣赏器提供的 API 其主要工具有:
1、window 工具——BOM 的焦点,是 js 会见欣赏器的接口,也是 ES 划定的 Global 工具
2、location 工具:提供当前窗口中的加载的文档有关的信息和一些导航成果。既是 window 工具属 性,也是 document 的工具属性
3、navigation 工具:获取欣赏器的系统信息
4、screen 工具:用来暗示欣赏器窗口外部的显示器的信息等
5、hitory 工具:生存用户上网的汗青信息 Window 工具 windows 工具是整个欣赏器工具模型的焦点,其饰演着既是接口又是全局工具的脚色 window 工具的属性和要领 属性 说明 alert() 系统告诫对话框,吸收字符串参数并显示 confirm() 系统确认对话框,可提供确认或打消两种事件 prompt() 提示对话框,可对用户展示确认、打消事件外,还可提供文本域 open() 可导航至特定的 url,又可打开一个新的欣赏器窗口window.open(要加载的url, 窗口方针, 一个特定字符串, 一个新页面是否代替欣赏器汗青记录中当前加载页面的布尔值) onerror() 事件处理惩罚措施,当未捕捉的异常流传到调用栈上时就会调用它,并把错误动静输出到欣赏器的 节制上。window.onerror(描写错误的一条动静, 字符串--存放激发错误的JavaScript代码地址的文档url, 文档中产生错误的行数) setTimeout() 超时调用——在指定的时间事后执行代码window.setTimeout(function(){...}, 毫秒) setInterval() 间歇调用——每隔指定的时间就执行一次window.setInterval(function(){...}, 毫秒) 应用场景应用场景:
1、确认窗口位置及巨细
获取窗口位置的属性与要领 属性 说明 兼容性 screenLeft 窗口相对付屏幕左边的位置 合用于IE、Safari、Chrome screenTop 窗口相对付屏幕上边的位置 合用于IE、Safari、Chrome screenX 窗口相对付屏幕左边的位置 合用于Firefox screenY 窗口相对付屏幕上边的位置 合用于Firefox moveBy(x,y) 吸收的是在程度和垂直偏向上移动的像素数 全兼容 moveTo(x,y) 吸收的是新位置的x和y坐标值 全兼容

跨欣赏器获取窗口左边和上边位置

var leftPos = (typeof window.screenLeft == 'number') ? window.screenLeft : window.screenX var topPos = (typeof window.screenTop == 'number') ? window.screenTop : window.screenY

窗口巨细属性与要领

属性 说明 innerWidth
innerHeight IE9+、Safari、Firefox、Opera: 该容器中页面视图区的巨细
Chrome: 返回视口巨细
移动设备: 返回可见视口(即屏幕上可见页面区域的巨细)
移动IE欣赏器: 不支持该属性,当移动IE欣赏器将机关视口的信息生存至document.body.clientWidth与document.body.clientHeight中 outerWidth
outerHeight IE9+、Safari、Firefox: 返回欣赏器窗口自己的尺寸
Opera: 返回页面视图容器的巨细
Chrome: 返回视口巨细 resizeTo(width, height) 吸收欣赏器窗口的新宽度与新高度 resizeBy(width, height) 吸收新窗口与原窗口的宽度与高度之差

2、导航和打开窗口

属性 说明 open(url,[target,string,boolean]) url: 要加载的URL,
target: 窗口方针
string: 特定的字符串,以逗号脱离的字符串暗示新窗口显示的特性
boolean: 暗示新页面是否代替欣赏器汗青记录中当前加载页面的布尔值

3、按时器
setTimeout()与setInterval()都是由于 JavaScript 的语言特性所发生的,由于 JavaScript 是一个单线程的表明器,DEDEcms织梦视频教程,因此一按时间内只能执行一段代码,为了节制要执行的代码,便有了一个 JavaScript 行列。这些任务会凭据将他们添加到行列的顺序执行。setTimeout()和setInterval()的第二个参数会汇报 JavaScript 再过多长时间把当前任务添加到行列中。假如行列是空的,那么添加的代码会当即执行;假如行列不是空的,那么它就要等前面的代码执行完了之后再执行。
两者在被调用之后,城市返回一个数值 ID,这个 ID 可以用来打消对该要领的调用
下面是一段倒计时的代码

var num = 10 var interval = setInterval(function(){ num -- console.log(num) if(num == 0) { clearInterval(interval) console.log('Done') } }, 1000) var num = 10 var timeout = function(){ num-- console.log(num) if(num > 0){ setTimeout(timeout, 1000) }else { console.log('Done') } } setTimeout(timeout,1000) 上面利用两种要领都可以举办倒计时,可是利用 `setInterval()` 要领的时候,再不加过问干与的环境下,该要了解一直执行到页面的卸载,所以一般环境下`serInterval()`较量耗损机能。然后`setTimeout()`要领可以通过调用自身完成间歇调用的成果。所以说,在一般环境下利用`setTimeout()`来完成超时与间歇调用。 Location 工具 提供当前窗口中的加载的文档有关的信息和一些导航成果。既是 window 工具属性,也是 document 的工具属性 window.location === document.location //true location 还将 url 理会为独立的片段,可通过 location 的属性来会见差异的片段 location 工具的主要属性: 属性名 例子 说明 hash " #host " 返回 url 中的 hash(#后字符>=0) host " juejin.im:80 " 处事器名称+端口(假如有) hostname " juejin.im " 只含处事器名称 href " https://juejin.im/book/5a7bfe... " 当前加载页面的完整的 url pathname " /book/5a7bfe595188257a7349b52a " 返回 url 的的目录和(或)文件名 port " 8080 " url 的端标语,假如不存在则返回空 protocol " https: (or http:) " 页面利用的协议 search " ?name=aha&age=20 " 返回 url 的查询字符串, 以问号开头

location 的应用场景:
1、理会 url 查询字符串参数,织梦仿站,并将其返回一个工具,可通过轮回、正则来实现,要领有许多,实现的概略思路是:
通过location的search属性来获取当前 url 通报的参数,假如 url 中有查询字符串的话就将其问号截取掉,然后再遍历内里的字符串并以等号为断点,利用decodeURIComponent()要领来理会其参数的详细数值,并将其放在工具容器中,并将其返回
2、载入新的文档,也可以说是刷新页面,主要有三个要领:

assign(): location.assign("http://www.xxx.com")就可当即打开新 url 并在欣赏器是我汗青中生成一条新的记录, 在一个生成了 5 条欣赏记录的页面中,然后利用 assign()跳转 url 后,history 记录只剩两条,一条是通过 assign 跳转的页面,另一条则是上一个页面(利用 assign()跳转要领的页面),其余的所有页面都被清除去了 replace(): location.replace("http://www.bbb.com")只接管 url 一个参数,通过跳转到的 url 界面不会在欣赏器中生成汗青记录,就是 history 的 length 不会+1,可是会替代掉当前的页面 reload(): 其浸染是从头加载当前显示的页面,当不通报参数的时候,假如页面自上次请求以来并没有改变过,页面就会从欣赏器中从头加载,假如通报true,则会强制从处事器从头加载 Navigation 工具 navigation 接口暗示用户署理的状态和标识,答允剧本查询它和注册本身举办一些勾当 navigation 工具的属性要领 感谢支持织梦之家,你的支持,我们的无限动力!!!
“DEDECMS教程”欢迎分享!:

相关标签:模型(30)浏览器(10)对象(2)

顶一下
(0)
0%
踩一下
(0)
0%

欢迎您报错,或提出宝贵建议,我们将第一时间处理,为大家营造一个良好网上交流平台,感谢支持织梦之家!

在百度中搜索相关文章:欣赏织梦网站建设器工具模型
在谷歌中搜索相关文章:欣赏织梦网站建设器工具模型
免费获取专属
《策划方案》及报价

今天已有32名客户获取成功

免费咨询热线

130-7131-2958

获取报价