javascript学习笔记2

标签：

　　其实接触js已经不是一天两天了，但是没有系统的学习过，或者说系统学习的时候没有好好学习，这次想要把js好好的学习一下，可是后来发现它不是很好学，要学的东西非常的多，不过我相信我可以把它学好，现在研究的都是基础的内容，我把学习过程中学到的全部都记录下来，以备后面忘了的时候可以回来查看，下面进入正题：

　　今天学到的内容如下：

　　我们先来了解一下javascript的结构：

　　一个完整的javascript结构由以下三个部分构成：

　　　　1、核心

　　　　2、文档对象模型（DOM,document object model)

　　　　3、浏览器对象模型（BOM,browser object model)

　　这个结构的产生要回到90年代微软与metscapt浏览器大战的时候，上面的三个都是大战后的产物，需要了解的是BOM没有公共的标准，DOM是有公共标准的。

　　javascrpt的核心是基于ECMAscript的，ECMAscript是与运行环境无关的语言，不是我们今天讨论的重点，上一篇博客已经说了一些，今天主要讲DOM和BOM，我从网上找来了一张图，可以看到它们之间的关系

从上面的图可以看出来BOM是包涵了DOM的，BOM可以设置浏览器窗口的工具栏，新打开一个窗口，或者关闭一个窗口等，但是它不负责一个窗口里面的内容，操作窗口里面的内容的工作是由DOM来完成的，下面简略的说下他们的作用，有些会有事例代码，有些不会，因为时间有限，所以就写了一些重要的做为测试，其它的各位朋友可以自己动手试试哈。

先从window说起，window对象是浏览器对象中其它大部分对象的共同祖先，所以在JS程序中可以省略window对象，javascript将一个浏览器窗口视为一棵树型结构，从当前的窗口可以设置当前窗口所拥有的资源,window对象表示浏览器中打开的窗口。

Window 对象描述

Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写document，而不必写 window.document。

同样，可以把当前窗口对象的方法当作函数来使用，如只写 alert()，而不必写 Window.alert()。

除了上面列出的属性和方法，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。

Window 对象集合

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

History 对象属性

　　　　 function testHis1(){
    		window.history.back();
    	}
    	
    	function testHis2(){
    		//window.history.forward();
    		window.history.go(1);
    	}

function testHis1() {
		window.history.go(-1);
	}

	function testHis2() {
		window.history.forward();
	}

 对其中的属性进行了测试

function testLocation(){
    		var l = window.location.href
    		alert(l);
    	}

结果如图

Navigator 对象

Navigator 对象包含有关浏览器的信息。

Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器，但其他实现了 JavaScript 的浏览器也支持这个对象。

Navigator 对象的实例是唯一的，可以用 Window 对象的 navigator 属性来引用它。

function testUserAgent(){
			alert(window.navigator.userAgent);
		}

javascript学习笔记2

标签：

原文地址：http://www.cnblogs.com/lilyjia/p/3870674.html