js入门经典学习笔记

《js入门经典学习笔记》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1.1.3为什么选择js客户端浏览器张都已经安装了某种版本的js简单的一段代码：document.bgColor="red";Alert（）向用户发送通知或警告信息，警告显示：document.bgColor="red";alert("nihao")1.4浏览器的兼容性问题1.5小测试简介用到了基于JavaScript的计时器1.6小结2Javascript中的数据类型和变量数据类型：数值数据文本数据布尔数据变量：3.判

2、断循环和函数循环：forforinwhiledowhilebreakcontinue4.基于对象的语言JavaScript内建对象String对象Math对象Number对象Array对象Date对象JavaScript中的类5.浏览器程序设计我们所关注的不仅仅是JavaScript语句本省，还不需要学习如何编写浏览器的脚本程序。同过浏览器提供的浏览器对象模型，可以编写功能更强大的Web页面。BOM:浏览器为js提供的对象的集合。浏览器对象模型很大程度上依赖于我们所使用的是何种类型的浏览器以及浏览器的版本。不同的浏览器所支持的属性和方法也可能不同。现在只需要遵循W3C标准就

3、你能得到不错的支持。5.1浏览器对象对于大多数内建对象，需要使用前先创建其实例。有些对象在加载页面的时候自动的创建，我们可以直接使用。浏览器对象同样如此，不需要显式的创建，可以直接使用。很多情况下，我们只使用到了BOM只不到10%的对象。5.1.1window对象全局对象无需写出全局对象的属性和方法，直接使用即可。defaultStatus改变状态栏5.1.2history对象浏览器访问过的页面列表成为历史栈。使用length属性可以获得历史栈中的页面的个数。History有三个方法。Go（）方法back（）方法forward（）方法。5.1.3location对象Loca

4、tion对象包含了关于页面的统一资源定位器（URL）信息。还提供web服务的服务器信息、连接到服务器的端口号以及所使用的协议信息。使用location对象的方法还可以改变当前页面的位置信息，或者刷新当前的页面。利用location导航到另一个页面有两种方法。一是利用location的herf属性导航到另一个页面的URL。二是利用location的replace（）方法。Replace会从历史栈中移除当前页面。使用herf属性仅仅把新页面加载历史栈的顶部。document.bgColor="red";/*alert(

5、"nihao")*/defaultStatus="wo";location.href="http://www.baidu.com"5.1.4navigator对象Navigator对象包含了运行当前脚本的浏览器和操作系统的大量相关信息。最常见的用途是区分不同的浏览器，以便针对浏览器做出不同的处理。5.1.5screen对象包含大量客户端计算机显示能力的信息。具有height属性和width属性，以像素为单位。另一个属性为colorDepth属性，客户端显示屏的色彩位数。5.1.6document对象-代表页面本身的对象1.使用document对象

6、pttype="text/javascript">document.bgColor="red";/*alert("nihao")*/defaultStatus="wo";document.write("yourscreen"+window.screen.colorDepth+"bit")显示：2.images数组对象Document.Images是数组对象，具有内建对象数组的所有属性。例子：根据输入的数字选择一副图片进行显示：代码分析：Newarray创建了图片数组，为四个文件名的地址，数字索引从0开始，将数组赋值给了myImages变量。由此可以利用该变

7、量的索引得到一个图片的src地址。使用prompt方法提示输入内容，并将输入的数字存储到变量中imgIndex中，以此值作为数组的索引值。由此得到某一张图片的src地址。Document.images[“img1”]表示的是document.images数组中名称为img1的一个对象。所以名字为img1的图片位置才会有图片的动态改变。