Javascript学习--BOM操作】的更多相关文章

1 获取UA(user Agent)用户代理 <!DOCtype html> <html> <head> <title></title> </head> <body onload="whatBrowser()"> <script> function whatBrowser() { document.Browser.Name.value=navigator.appName; document.…
Javascript学习笔记 目前尝试利用javascript去对于一个浏览器对象完成一系列的访问及修改, 浏览器是网页显示.运行的平台,常用的浏览器有IE.火狐(Firefox).谷歌(Chrome).Safari和Opera等.我们平时称为五大浏览器.IE最新版为Edge.   对于IE浏览器,有些浏览器提供的对象中的属性兼容性是对版本有要求的,比如IE>8才能支持window对象中的innerWidth和innerHeight属性. 当然,目前我们经常使用的是谷歌浏览器,所以兼容性还是比较…
1.BOM 对象:浏览器对象模型(操作与浏览器相关的内容) 2.Window 对象 Window 对象表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用 setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用 clearInterval():该方法只能清除由 setInterval 设置的定时操作 clearTimeout():该方法只能清除由 setTimeout 设置的定时操作 弹出框的几个方法:…
一, 什么是BOM BOM:Browser Object Model,浏览器对象模型 BOM的结构图: 从上图也可以看出: window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象. DOM是BOM的一部分. window对象: window对象是JavaScript中的顶级对象. 全局变量.自定义函数也是window对象的属性和方法. window对象下的属性和方法调用时,可以省略window. 二, BOM 的常见内置方法和内置对象 弹出系统对…
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1 {width:100px; height:100px; background:red; position: absolute; right:0;} </style> <…
<!doctype html> <html lang="en"> <head> <title>Document</title> <style> #btn1 {position:fixed; bottom:0; right:0;} </style> <script> window.onload = function() { oBtn = document.getElementById(&quo…
1.top是顶级的框架,也就是浏览器窗口. 2.window.close()只能关闭window.open()打开的窗口. 3.firefox不支持修改状态栏,firefox3后强制始终在弹出窗口中显示地址栏. 4.大多数浏览器都内置有弹出窗口屏蔽程序. 5.setTimeout(要执行的逻辑,毫秒表示的等待时间),第一个参数不建议使用字符串,使用函数比较好. setTimeout调用之后返回一个数值ID,表示超市调用,是计划执行代码的唯一标识,用这个取消超市调用. 如  var timeout…
Javascript 主要包括:JS的语法,DOM和BOM操作以及ECMAScript语法. 1 获取元素的方法 获取元素方法: 通过ID:document.getElementById(); 一个 通过标签:父级.getElementsByTagName(); 通过class:父级.getElementsByClassName(); IE8及以下不支持 通过css选择器: 父级.querySelector(); 一个 IE7及以下不支持              父级.querySelecto…
Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p>  因为在HTML的…
Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector() 返回文档中匹配指定CSS选择器中的一个元素 例子: Document.querySelector(“#test”); //查找ID =”test” 的节点 Document.querySelector(“p”);//获取文档中第一个p元素 Document.querySelector(“.exa…