js回归之BOM

WINDOW:================================================窗口页面区域宽高var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

屏幕可用宽高screen.availWidth,availHeightURLlocation:

Window Location

window.location 对象在编写时可不使用 window 这个前缀。

一些例子:

  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (80 或 443)
  • location.protocol 返回所使用的 web 协议(http:// 或 https://)
  • location.href 返回url
  • location.assign() 方法加载新的文档

history:

  • history.back() - 与在浏览器点击后退按钮相同
  • history.forward() - 与在浏览器中点击按钮向前相同

navigator:具有误导性的特质,我们暂且不管他

消息框:

alert() 提示框

confirm(T/F)

prompt(value/null)

计时器:

这也是面试基本都会问到的基础题

setTimeout clearTimeout

特征:在未来某时调用一次

如果要玄幻,就要不断调用自己

时间: 2024-10-28 10:09:54

js回归之BOM的相关文章

JS学习笔记-BOM之window

BOM:BrowserObjectModel,浏览器对象模型,提供JS中对浏览器的各种操作的对象,是JS应用中唯一没有相关标准的部分,这事BOM经常出现问题的所在,主要用于处理浏览器窗口与框架,浏览器特有的JS扩展也被默认为BOM的一部分,而各浏览器之间的公有对象就成了默认的标准.本篇文章将主要介绍window对象. 属性 世界上本没有模型,用的多了也就成了模型.模型便是一个可供参考的东西,BOM中的一系列通用的对象便构成了这个模型,其结构可展示为: window的六大属性,同时它们也是对象:

JS函数与BOM

[函数的声明及调用]1.函数声明的格式:function 函数名(参数1,参数2,....){//函数体return结果;}函数名(参数1的值,参数2的值,....) >>>函数的调用格式直接调用:函数名(参数1的值,参数2的值,....)事件调用:事件名="函数名()"; 2.函数声明的几点强调: ①函数名的声明,必须符合小驼峰法则(首字母小写,之后每个单词字母大写) ②参数列表,可以有参数,也可以无参数.分别称为有参函数和无参函数. ③声明函数时的参数列表,称为&

细看JS中的BOM、DOM对象

DOM对象模型 [DOM树节点] DOM节点分为三大类:元素节点,文本节点,属性节点: 文本节点,属性节点为元素节点的两个子节点: 通过getElment系列方法,可以去到元素节点: [查看节点] 1.getElementById:通过id获取唯一的节点:多个同名ID只会取到第一个: 2.etElementByName:通过name取到一个数组,包含1到多个节点: 使用方式:通过循环取到每个节点,循环次数,从0开始<数组.length [查看设置属性节点] 1.查看属性节点:getAttribu

JS原生系列-BOM篇

我们已经学习了DOM,文档对象模型,我们的主要处理都是在这个模型基础上工作的,同样我们还有可能对浏览器进行一些操作,如: 1.检测浏览器的类型和版本 2.检测是pc还是移动设备 3.根据条件,进行页面的自动跳转 4.打开一个新的窗口,存放指定链接 5.关闭窗口 6.返回到上一个页面 7.获取地址栏信息,进行处理 等... 我们来学习,并且逐个实现上面的处理 (一)screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息. 代表屏幕对象,获取屏幕信息,并不是浏览器 availHeigh

JS DOM与BOM

DOM知识点 [DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API).DOM代表着被加载到浏览器窗口里的当前网页:浏览器向我们提供了当前网页的地图(或者说模型),而我们可以通过js去读取这张地图.作者:一只斗牛犬链接:http://www.imooc.com/article/36780来源:慕课网] 1.改变页面的元素和属性 a.获取元素的方法: document.getElementById() document.getElementsByTagName() documen

JS加强学习-BOM学习05

1. 正则表达式 我们学习正则表达式主要的是学习它的规则(语法),还有就是学习正则表达式在JS中的对象RegExp的属性和方法. 1.1 正则表达式定义: 它是用来操作字符串的一种逻辑公式,具体就是用事先定义好的一些特定字符.及这些特定字符的组合,组成一个“特定字符串的规则”,用这个“规则”来对字符串进行一种过滤和选择. 1.2 正则表达式的特点: 1.2.1 具有非常强的灵活性.逻辑性和功能性 1.2.2 可以用极简单的方式迅速地达到对字符串的复杂控制. 1.2.3 由于能满足各种情况的组合,

JS加强学习-BOM学习02

BOM的更多的用于特效方面的展示,接下来的学习就是将许多以前用到的知识与现在的结合后做出各种不同的动态效果来. 所以在这部分学习中涉及到的新知识会比较零散,甚至会将以前的知识部分衔接起来. 1. offsetParent 获取当前元素最近的设置了定位的父元素,如果没有父元素定位则选择的是body元素. 这样就可以容易理解offsetLeft的意义了,它是相对于offsetParent的距离. 2. offsetHeight 获取盒子的大小(border + height + padding):只

JS加强学习-BOM学习01

BOM   浏览器对象模型 1. 定时器 1.1 设置定时器: setTimeout(string/function,delay);间隔一定时间后执行一次,且只执行一次. setInterval(string/function,delay);每间隔一定时间后执行一次,一直执行下去. 这两个定时器的返回值是数字类型的定时器ID. 1.2 清除定时器: clearTimeout(定时器Id): clearInterval(定时器Id). 设置定时器和清除定时器需对应设置,不建议使用与设置定时器不一致

JS中的BOM以及DOM操作

screen:对象 console.log(screen.width);//屏幕宽度   console.log(screen.availHeight);//可用高度=屏幕高度-底部任务栏   console.log(screen.height);//屏幕高度   console.log(screen.availWidth);//可用宽度 location对象    *     * 完整的URL路径:    * 协议://主机名(IP地址):端口号/文件路径?传递参数(name1=value1&