南大软院大神养成计划——第七天

àì夳堔傛蜴生んèń 2022-08-14 04:56 185阅读 0赞

今天是南大软院大神养成计划实施的第七天。时间飞逝，转眼间一周就过去，这一周主要还是在复习以前的知识和查漏补缺。今天学习的知识大部分都是我以前没有接触到的新知识，所以学习速度比较慢，今天学习的内容主要是把昨天没有学完的部分继续学习完。

今天的学习的是JavaScript进阶部分的"浏览器对象"和“DOM对象和控制HTML元素”。先说说浏览器对象，浏览器对象包括location，window,Navigator,screen等对象。既然是对象，那么肯定可以调用类中一些函数，JavaScript中的对象跟c++中的对象是一样的。这些对象是JavaScript帮我封装好的，我们只需知道对象里的函数或者成员代表什么和怎么用就行了， 不需要了解其中的功能。

**window对象**：

窗体焦点控制函数  
focus() 函数  
 blur() 函数  
新建窗体函数

open() 函数  
 close() 函数  
 opener 属性  
对话框函数  
 alert() 函数  
 confirm() 函数  
 prompt() 函数  
时间等待与间隔函数  
 setTimeout() 函数  
clearTimeout() 函数  
 setInterval() 函数  
 clearInterval() 函数

这些就是window中常用的函数，具体如何用的，在这里不具体介绍，因为网上资源有很多，窗体控制函数主要控制的就是光标所在的位置，最长用的地方是注册和登录，我们在登录网页的时候常常会不小心输错密码或者用户，这个时候光标就会自动地跳到我们输错的地方，比如密码框，然后密码框显示红色，这就是用了focus函数。新建窗体函数主要是打开为我们打开网页和关闭网页，这个在昨天的博客中已经说到了，open函数可以设置新打开的网页很多参数，比如高宽，是否有菜单栏。对话窗函数，就是与用户互动的桥梁，昨天也说到了，这些函数主要提示错误或者一些用户必须做到的事情。时间等待与间隔函数，这个函数在很多语言中都有，比如C语言中的Sleep，其中settimeout主要是设置多少时间后执行相关的操作，然后setinterval主要就是间隔多少时间执行某一段的操作。

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。history包含了很多长度，比如history.length主要就是读取浏览器中历史页面的数量，然后常用的函数有forward和back，前者是跳转到下一个页面，或者是返回上一个页面，当然这里说的下一个和上一个是根据浏览器中的历史记录来判断的，假如你想具体跳转至某一个页面你可以使用go函数，go函数的参数是你想跳转的页面相对于你现在所在的页面的位置，比如go(1)就是向下一个页面跳转。

location用于获取或设置窗体的URL，并且可以用于解析URL。Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。这两个对象内容比较少，就连起来一起讲，location对象是可以通过相关函数直接获取当前网址，并且输出，然后navigator是可以获取浏览器的相关信息，我们可以用其判断用户的设备是移动端还是电脑端，这就是为什么我们在浏览一些网页时，它会自动地跳转到移动端网页，而不是电脑端。

screen对象是window下的一个子对象，从英文单词我们就可以猜到其是和屏幕有关的对象，通过这个对象，我们可以获取屏幕的高宽，比如screen.height，假如我们想获取可用的高宽,我们可以用screen.availwidth，从这里我们看出来英语对于学习一门语言还是很重要，有些函数的功能，我们从字面意思就可以大致的猜到其功能。

接下来就将另一个部分，dom对象，和其如何控制html。JavaScript既然是一门脚本语言，那么它肯定要控制相关的html中标签，这时候就需要用到dom对象了，DOM—Document Object Model,它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套属性、方法和事件。 DOM是以层次结构组织的节点或信息片断的集合。文档对象模型（Document Object Model）是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。我们一般调用dom对象，格式为document.函数名。dom对象可以通过获取相关的id，name，tagname来控制html，比如document.getElementsByTagName("input")；通过获取相关的元素信息然后改变元素的一些参数，比如style。之所以说DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁，就是因为dom对象可以获取元素的信息，然后改变元素的参数。然后接下来又介绍了一些节点。在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：1. nodeName : 节点的名称；2. nodeValue ：节点的值；3. nodeType ：节点的类型。通过dom对象我们可以创建，删除，修改节点和子节点，可以说dom对象大大更加了JavaScript的灵活性，正是因为这样，JavaScript才成为了网页的行为语言，指挥网页该怎么行动。

以上就是今天所学的知识，期待下一天的学习。