JavaScript基础16——js的BOM对象

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>js的BOM对象</title>
 6         <script type="text/javascript">
 7             // BOM：Broswer Object Model 浏览器对象模型
 8             /*
 9                 navifator 获取客户端（浏览器）的信息
10                 screen 获取屏幕的信息
11                 location 请求url地址
12                 history 请求的url历史记录
13                 window 窗口对象，顶层对象（所有的BOM对象都是在window里面操作的）
14              */
15              // navigator
16             document.write("浏览器的名称：" + navigator.appName);
17             // screen
18             document.write("<br />宽度：" + screen.width + "px");
19             document.write("<br />高度：" + screen.height + "px");
20             // location
21             // href属性可以得到当前请求的url地址
22             document.write("<br />" + location.href);
23             // history
24             // history.back() 上一个页面
25             // history.forward() 下一个页面
26             // history.go() 到指定页面，-1为上一页，1为下一页
27             // window
28             // window.open("打开新窗口的地址", "", "窗口的特征，比如窗口宽度或高度width=300,height=400")
29             // var i = setInterval("js代码", "毫秒数"); 每隔x毫秒执行js代码
30             // var t = setTimeout("js代码", "毫秒数"); x毫秒后执行，只执行一次
31             // clearInterval(i); 清除setInterval()设置的定时器
32             // clearTimeout(t); 清除setTimeout()设置的定时器
33         </script>
34     </head>
35     <body>
36
37     </body>
38 </html>

时间： 2024-10-13 00:48:53

JavaScript基础16——js的BOM对象的相关文章

JavaScript基础15——js的DOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的DOM对象</title> 6 <script type="text/javascript"> 7 // DOM:Document Object Model 文档对象模型 8 /* 9 文档:超文本文档html.xml 10 对象:提供了属

JavaScript基础17——js的Date对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的Date对象</title> 6 <script type="text/javascript"> 7 var date = new Date(); 8 document.write("当前日期:" + date); 9

JavaScript基础13——js的string对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的string对象</title> 6 <script type="text/javascript"> 7 var str = "abcdefg"; 8 document.write("str字符串:"

JavaScript基础14——js的Math对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的Math对象</title> 6 <script type="text/javascript"> 7 // Math对象中的都是静态方法,不用实例化对象就可以使用 8 var num = 10.5; 9 document.write(&qu

JavaScript基础18——js的Array对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的Array对象</title> 6 <script type="text/javascript"> 7 var arr = [1,2,3,4,5]; 8 document.write("数组:" + arr); 9 //

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

js基础和js操作bom和dom对象

流程控制 if判断 if (a == 1){ //判断条件写在小括号里面,大括号里面写条件判断成功后的代码内容 console.log('1111'); } else{ console.log('222'); } 多条件判断 var a = 0; if(a > 1){ // console.log('1111'); // var hhhh = document.getElementById('d1'); // hhhh.innerText = '彭于晏'; }else if(a<1){ con

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript

JavaScript基础——浏览器对象模型（BOM）

简介 ECMAScript是JavaScript的核心,但如果要在Web中使用JavaScript,那么BOM(浏览器对象模型)则无疑才是真正的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.多年来,缺少事实上的规范导致BOM及有意思又有问题,因为浏览器提供商会按照各自的想法随意去扩展它.于是,浏览器之间公有的对象就成为了事实上的标准.这些对象在浏览器中得以存在,很大程度上是由于它们提供了与浏览器的互操作性.W3C为了把浏览器中JavaScript最基本的部分标准化