JS 浏览器BOM-->简介和属性

JS浏览器BOM

浏览器对象模型 (BOM) BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象.这意味着在网页中定义的任何对象,变量和函数,都以window作为其global对象. 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML…

JS 浏览器BOM

BOM:Browser Object Model 浏览器对象模型 2.组成: window :窗口对象 1.创建: 2.方法: *与弹出框有关 1.alert(); 弹出警告框 2.confirm(); 显示带有一段消息和确认按钮的对话框如果用户点击确定按钮则方法返回true,如果用户点击取消按钮,则方法返回false //confirm练习 var flag = confirm("您确定要退出吗?"); if(flag){ //退出操作 alert("欢迎再次光临&quo…

JS之BOM、客户端检测和DOM

这是第八章到第十二章的内容,粗略浏览过一遍. 一.BOM 浏览器对象模型.包括了window.location.navigator.screen和history对象. window:核心对象 1.JS访问浏览器窗口的一个借口 2.全局作用域Global对象,所有在全局作用域中生命的变量,函数都会变成window对象的属性和方法.(全局变量不能通过delete删除,而window对象),如果页面中包含框架,并且保存在frames集合中.在frames集合中,可以通过数值索引(从0开始,从左至右,从…

JavaScript基础16——js的BOM对象

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js的BOM对象</title> <script type="text/javascript"> // BOM:Broswer Object Model 浏览器对象模型 /* navifator 获取客户端(浏览器)的信息 screen 获取屏幕的信息 locati…

Js浏览器对象

Js浏览器对象——window对象 1.window对象: (1)window对象是BOM的核心,window对象指当前的浏览器窗口. (2)所有的JavaScript全局对象.函数以及变量均自动成为window对象的成员. (3)全局变量是window对象的属性. (4)全局函数是window对象的方法. (5)甚至HTML DOM的document也是window对象的属性之一. 例:window.document.write("hello");//window可省略. 2.win…

JS浏览器对象：window对象、History、Location对象、Screen对象

一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口所有JavaScript全局对象.函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法 2.window尺寸 window.innerWidth 浏览器窗口的内部高度 window.innerHeight 浏览器窗口的内部高度二:JS浏览器对象-History 1.History对象 window.histo…

BOM简介

BOM简介 BOM Browser Object Model 浏览器对象模型 // 通过window对象来访问浏览器 console.log(window.document); // frames:当前文件的框架集合 console.log(window.frames); // 浏览器环境信息 console.log(window.screen); console.log(window.history); // 浏览器及其相关功能的信息 console.log(window.navigator)…

BOM下的属性和方法---上

-------------BOM------------------------------------------------ 三个系统对话框浏览器可以通过alert().confirm()和prompt()方法可以调用系统对话框向用户显示信息. //弹出警告 alert(“Lee”); //直接弹出警告框 //提示框 //确定和取消 confirm(“请确定或者取消”); if(confirm((“请确定或者取消”)){ alert(“您按了确定!”); //按确定返回true }…

JS基础-BOM

BOM BOM 是 browser object model 的缩写, 简称浏览器对象模型. 主要处理浏览器窗口和框架, 描述了与浏览器进行交互的方法和接口, 可以对浏览器窗口进行访问和操作, 譬如可以弹出新的窗口, 回退历史记录, 获取 url-- BOM 与 DOM 的关系 javacsript 是通过访问 BOM 对象来访问. 控制. 修改浏览器 BOM 的 window 包含了 document, 因此通过 window 对象的 document 属性就可以访问. 检索. 修改文档内容…

JS的BOM操作语法

整理了一下JS的BOM操作语法,这里记录一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的BOM操作</title> <style type="text/css"> #dv3{ width: 300px; height: 200px; background-color: yellow; } #dv4{…

js，bom，dom（相信我，你看不懂我写的）

js dom bom 2种结合方式: 1.在body中加入script标签,<script type="text/javascript" >alert(" 向页面弹出提示框显示内容");</javascript> 2.引入外部js文件<script type="text/javascrip"src="1.js"></script> 此方法中写script代码无效 js类型: 原始…

Node.js 教程 01 - 简介、安装及配置

系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 04 - 模块系统 Node.js 教程 05 - EventEmitter(事件监听/发射器) Node.js 教程 06 - 函数 ▁▃▅ Node.js 教程 01 - 简介.安装及配置 ▅▃▁ 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Ch…

atitit.js浏览器环境下的全局异常捕获

atitit.js浏览器环境下的全局异常捕获 window.onerror = function(errorMessage, scriptURI, lineNumber) { var s= JSON.stringify(arguments); alert(s); //alert(errorMessage //message: errorMessage, //script: scriptURI, //line: lineNumber } 不同的浏览器对onerror的实现不同,手机和pc不同,参数…

最流行的Node.js应用开发框架简介

最流行的Node.js应用开发框架简介快速开发而又容易扩展,高性能且鲁棒性强.Node.js的出现让所有网络应用开发者的这些梦想成为现实.但是,有如其他新的开发语言技术一样,从头开始使用Node.js的最基本功能来编写代码构建应用是一个非常划不来的耗时的事情.这个问题的解决方案非常简单且已经经受起时间的考验:使用一个已经提前打造好的开发框架.因此才会有如此多的如Express.js,Koa,Sails.js等框架的概念提出来并加以实现. 这些开发框架的角色非常简单.就是要去为应用开发人员节省时…

BOM下的属性和方法---下

继续BOM下的属性和方法---上代码示例(亲测)2: <title>location对象的属性</title> <script> //服务器环境我再此次演示中已搭建 //协议 alert(location.protocol) //http: 协议 //主机名 alert(location.hostname); //localhost 服务器环境下才可以查看 //路径名 alert(location.pathname); // /location_shuxing.h…

JS神经网络deeplearn.js:浏览器端机器智能框架

JS神经网络deeplearn.js:浏览器端机器智能框架通过 deeplearn.js,可以实现在浏览器中训练神经网络模型,也可在推理阶段运行预训练模型. deeplearn.js 以 TypeScript 作为首选语言,提供了可用于构建可微数据流图的 API,以及一系列可以直接使用的数学函数.该库有两个 API 模型,一个是即时执行模型(可认为是 NumPy),另一个是基于 TensorFlow 的 API 镜像的延时执行模型.该库还支持从 TensorFlow 检查点将权重转储为可以导入…

JS基础知识简介

使用js的三种方式 1.HTML标签内嵌js <button onclick="javascript:alert(真点啊)">有本事点我</button> 不提倡使用 2.HTML页面中直接使用js <script type="text/javascript"> js代码 </script> 3.引用外部js文件 <script language="JavaScript" src="…

引入其他服务的JS、和本地的JS文件，script的属性

==============使用其他服务器引入JS文件,1,减轻服务器压力2,速度快3,可以缓存 cdnjs库,更新比较快https://cdnjs.com/ cdn库引入JS文件如:jquerybootcdn : https://www.bootcdn.cn/ 百度静态资源公共库,有时候打不开. 使用CDN引入JS文件的优点: 1,直接在搜索框输入:jquery 2,点击选择需要的版本,复制地址即可. 3,把该地址放到引入标签中的src中 <script type="text/java…

一篇让你明白什么是浏览器BOM方法的笔记

BOM Browser Object Model 浏览器对象模型虚拟机 ,任何语言编辑的程序都需要一个虚拟机来执行.如果脱离这个环境就无法运行. 浏览器就是一种虚拟机.用来解析html语言同一款浏览器,在不同系统中,属性值是不同的同一个系统,不同浏览器,属性都不同 BOM是有兼容问题 BOM属于树型结构. BOM的根就是Window DOM的根是Document //DOM的根就是BOM的根下的一个属性 BOM的主要方法:1 Window.doucment // Document 文档…

IE7 浏览器下面设置text-indent属性变成margin属性BUG

问题来源今天做项目的时候发现了一个问题,在使用text-indent属性对元素进行缩进是发现在360浏览器下发生了元素偏移,跟margin-left的效果一样,打开f12发现3607.1浏览采用的ie7.0的文档模式,果然在ie7里面测试是一样的结果 IE7下效果其他浏览器下效果之所以这样是因为ie6.7浏览器不支持display属性的inline-block值,你设置了也会忽视,而恰巧我的页面中的元素就使用了display:inline-block属性,但是在ie7看来就是inline…

让IE浏览器支持CSS3圆角属性的方法

绘出圆角: 1.下载一个压缩包,里面有一个微软的脚本文件(11KB)和一个用来测试服务器是否有正确的Content-Type的HTML文件:iecss3.rar:.htc 文件是IE内核支持Web行为后用来描述此类行为的脚本文件.它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去.Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控件)来完成这个功能. 解压后,打开te…

js修改input的type属性问题

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值“密码”,但获得焦点时,“密码”两字会去掉,输入时直接变成”****“的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是用js修改input的type类型.但ie下这么做…

判断JS对象是否拥有某属性的方法举例

判断JS对象是否拥有某属性 JS是否拥有某属性的判断方法,这里提供两种方式,供大家参考. 1.in 运算符 var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 说明:无论是name,还是原形链上的toString,都能检测到返回true. 2.hasOwnProperty 方法 var obj = {name:'jack'}; obj.hasOwnPr…

document.documentElement.style判断浏览器是否支持Css3属性

1.document.documentElement.style 属性定义了当前浏览器支持的所有Css属性包括带前缀的和不带前缀的例如:animation,webkitAnimation,msAnimation等 2.判断浏览器是否支持制定的css属性 function support(cssName) { var htmlStyle = document.documentElement.style; if (cssName in htmlStyle) return true; return…

js小记 function 的 length 属性

原文:js小记 function 的 length 属性 [1,2,3]., ,这个略懂js的都知道. 但是 eval.length,RegExp.length,"".toString.length,1..toString.length 会得到什么呢? 分别得到 ,,,,这些数字代表什么呢? 这个是群里很多新人朋友一直问的一个问题,其实函数的 length 得到的是形参个数.可以参见这里 <MDN Function.length>.我们来简单看个例子: function…

Modernizr 测试浏览器是否兼容相应属性

Modernizr 测试浏览器是否兼容相应属性…

js对象中动态读取属性值动态属性值 js正则表达式全局替换

$(document).ready(function(){ var exceptionMsg = '${exception.message }'; var exceptionstr = ''; //javascript截取字符串 if(exceptionMsg!='' && exceptionMsg.indexOf("[")!=-1){ exceptionstr = exceptionMsg.substring(exceptionMsg.indexOf("[&…

JS函数可以再添加属性（包括方法）

1 前言 JS函数可以再添加属性(包括方法),这个有点有趣,记录一下. 2 代码 <!DOCTYPE html> <html> <head> <title>Test canvs</title> <script type="text/javascript"> function gameLoop(){ console.log("%cI am red","background-color:r…

js 浏览器窗口大小改变高度宽度获取 window/document.height()区别

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css样式里background-color;margin-left之类的短杠相接的属性名称,在使用style属性获取设置样式的时候名称要改为驼峰式,如ele.style.backgroundColor. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只…

【JS 浏览器BOM-->简介和属性】的更多相关文章