技术教程优化搜索引擎整站,seo01网站,学校 网站建设招聘,下载站推广参考#xff1a;JavaScript半知半解 TG著 BOM对象 Window对象是客户端JavaScript程序的全局对象。 Window对象使得JavaScript与浏览器进行交互。 所有的JavaScript全局对象#xff0c;函数以及变量均自动成为window对象的属性和方法。 Document对象也是window对象的成员。 Wi…参考JavaScript半知半解 TG著 BOM对象 Window对象是客户端JavaScript程序的全局对象。 Window对象使得JavaScript与浏览器进行交互。 所有的JavaScript全局对象函数以及变量均自动成为window对象的属性和方法。 Document对象也是window对象的成员。 Window对象方法与浏览器交互的方法 计时器 SetTimeOut()和SetInterval(),两个参数一个是重复执行的代码另外一个是重复的毫秒数需要注意的是这两个函数都会返回一个值类似计时器ID分别可以用clearTimeOut()与clearInterval()来取消执行。 注意如果以0毫秒的超时时间来调用setTimeout()那么指定的函数不会立刻执行。 相反会把它放到队列中等到前面处 于等待状态的事件处理程序全部执行完成后再“立即”调用它。 浏览器的定位与导航 Window对象的location属性引用了Location对象与document中的location属性引用的对象相同。它表示窗口中当前显示的文档的URL并提供了方法来载入新的文档。 Location的功用是可以解析当前URL分离出相关的信息,作为相关属性当我们需要网址的时候window.herf属性可以获取同样的属性包括协议、主机、域名、端口。。等等根据需要查询文档。 需要注意的是以上属性都是可写的在更改之后会按照我们更改的信息载入一个新的文档。 以上是属性部分下面是location对象的一些方法 location.assign() 使窗口载入并显示指定的URL中的文档。 location.replace() 和assign()方法类似但它在载入新文档之前会从浏览历史中把当前文档删除。 这样“后退”按钮就不会把浏览器带回到原始文档。 location.reload() 重新载入当前文档可传入一个布尔值为参数默认false。 如果为true则优先从服务器重新加载否则优先从本地缓存中重新加载。 纯粹的片断标识符是相对URL的一种类型它不会让浏览器载入新文档而是使浏览器滚动到文档的某个位置。 注意#top标识符是个特殊值如果文档中没有元素的ID是“top”它会让浏览器滚动到文档开始处。location #top; //跳转到文档的顶部 浏览历史 Window对象的history属性引用的是该窗口的History对象History对象是用来把窗口浏览历史用文档和文档状态列表的形式 表示。 History对象的length属性表示浏览历史表中的元素数量。 比如你在当前窗口访问了三个不同的网址那么history.length就等于3 相关方法 back()移动到上一个访问页面等同于浏览器的后退键。 forward()移动到下一个访问页面等同于浏览器的前进键。 go()接受一个整数作为参数移动到该整数指定的页面比如go(1)相当于forward()go(-1)相当于back()。 如果移动的位置超出了访问历史的边界以上三个方法并不报错而是默默的失败 history.go(0)相当于刷新当前页面。 TUDO 浏览器相关信息 Window对象的navigator属性引用的是包含浏览器产商和版本信息的Navigator对象 属性 appNameWeb浏览器的全称 appVersion此属性通常以数字开始并跟着包含浏览器产商和版本信息的详细字符串。 字符串前面的数字通常是4.0或5.0表示它是第4或第5代兼容的浏览器。 userAgent属性返回浏览器的User-Agent字符串标示浏览器的厂商和版本信息。 它包含了appVersion中的所有信息 用此属性可以判断是否为手机浏览器在哪个平台。//利用返回的数据根据正则表达式来判断。 Platform:返回操作系统信息 onLine返回浏览器是否链接到网络 Geolocation返回一个Geolocation对象包含用户地理位置信息。 方法 javaEnabled()javaEnabled方法返回一个布尔值表示浏览器是否能运行Java Applet小程序。 cookieEnable()cookieEnabled方法返回一个布尔值表示浏览器是否能储存Cookie。 浏览器屏幕相关信息 Window对象的screen属性引用的是Screen对象它提供有关窗口显示的大小和可用的颜色数量的信息。 属性 Width整个屏幕宽度 Height整个屏幕高度 availHeightavailWidth返回屏幕可用的高度和宽度单位为像素。 它们的值为屏幕的实际大小减去操作系统某些功能占据的空间比如系统的任务栏 colorDepth返回屏幕的颜色深度一般为16表示16-bit或24表示24-bit。 对话框。 alert() 向用户显示一条消息并等待用户关闭对话框。 confirm() 同样显示一条消息要求用户单击“确认”或“取消”按钮并返回一个布尔值。 prompt() 同样显示一条消息等待用户输入字符串并返回这个字符串。 这三个方法都具有堵塞效应一旦弹出对话框整个页面就是暂停执行等待用户做出反应。 错误处理 Window对象的onerror属性是一个事件处理程序当未捕获的异常传播到调用栈上时就会调用它并把错误信息输出到浏览器的JavaScript控制台上。 多窗口和多窗体 由于网页可以使用 iframe 嵌套多个网页因此一个网页之中会形成多个窗口。 另一情况是子网页之中又嵌入别的网页形成多级窗口。 每个窗口的Window对象都是独立的互不干扰。 浏览器提供了一些特殊变量用来返回其他窗口。 top顶层窗口 即最上层的那个窗口 parent父窗口 self当前窗口 即自身 下面的代码可以判断当前窗口是否是顶层窗口 window.top window.self 与这些变量对应 浏览器还提供一些特殊的窗口名 供open方法、 a标签、 form标签等引用。 _top顶层窗口 _parent父窗口 _blank新窗口 打开和关闭窗口 使用Window对象的open()方法可以打开一个新的浏览器窗口。 Window.open()载入指定的URL到新的或已存在的窗口中并 返回代表那个窗口的Window对象。 open方法一共可以接受四个参数。 第一个参数字符串表示新窗口的网址。 如果省略默认网址就是 about:blank 。 第二个参数字符串表示新窗口的名字。 如果该名字的窗口已经存在则跳到该窗口不再新建窗口。 如果省略就默认 使用_blank表示新建一个没有名字的窗口。 第三个参数字符串内容为逗号分隔的键值对表示新窗口的参数比如有没有提示栏、 工具条等等。 如果省略则默认 打开一个完整UI的新窗口。 第四个参数布尔值表示第一个参数指定的网址是否应该替换history对象之中的当前网址记录默认值为false。 显然 这个参数只有在第二个参数指向已经存在的窗口时才有意义。 window.close方法用于关闭当前窗口一般用来关闭window.open方法新建的窗口。 modal.close(); 窗体 窗体是通过 iframe 元素创建的我们可以像获取其他元素一样获取一个表示 iframe 的元素对象同时 iframe 元素有 contentWindow 属性引用该窗体的Window对象。 iframe idf/iframe var f document.getElementById(f); var win f.contentWindow; //子窗体的Window对象 var doc f.contentDocument; //等同于f.contentWindow.document //获取子窗体的变量和属性 f.funciton() F.title 转载于:https://www.cnblogs.com/lumaoxin/p/7010747.html
