Web前端面试题第六道—链接标记target与Dom，Bom
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web前端面试题第六道—链接标记target与Dom，Bom相关的知识，希望对你有一定的参考价值。
参考技术A (1)链接标记target属性的_self、_top、_parent、_blank、main、left、top各有何用处?target属性的_self、_top、_parent都是针对框架的。比如你写了这样一个网页page，网页page分成frame1、frame2，frame1又分成frame1-1、frame1-2，frame1-1又分成frame1-1-1，frame1-1-2。
假如你在frame1-1-1中放了一个链接。
如果这个链接的target="_self"，那么链接会在frame1-1-1中打开。
如果target="_parent"，那么链接会在frame1-1中打开。
如果target="_top"，那么链接会在page中打开。
如果target="_blank"，浏览器会另开一个新窗口显示page文档。
未经验证，根据说法应该是这个意思。
(2)链接标记target属性的main、left、top各有何用处?
main、left、top是由Adobe Dreamweaver生成的主、左、上框架集的框架默认名。
(3)什么是Bom什么是Dom?你如何理解Dom?
DOM和BOM是JS的三大组成部分之一，下面讲解BOM与DOM以及两者的关系
DOM讲解
DOM即文档对象模型，通过创建节点树来表示文档，是html和XML的应用程序接口（API），描述了处理网页内容的方法和接口，从而使开发者对文档的内容和结构具有空前的控制力，用DOM API可以轻松地删除、添加和替换节点以及设置文档中标签的属性。将一个html文档用DOM树表示如下图所示 。
HTML的DOM树节点包括:
1. 元素节点：上图中<html>、<body>、<p>都是元素节点即标签
2. 文本节点：向用户展示的内容，如<li>...</li>中的javascript、Dom、CSS等文本。
3. 属性节点：元素属性，如<a>标签的链接属性
BOM讲解
BOM是browser object model的缩写，简称浏览器对象模型。简单说即是javascript访问，操作浏览器的一个中介。
BOM主要用于管理浏览器窗口之间的通讯，由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。通过BOM我们可以学到与浏览器窗口交互的一些对象，可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。因此它的核心对象是window。
Window对象是BOM中所有对象的核心，是BOM中所有对象的父对象。所以，尽管frame ,history……都是window的子对象，我们只要知道BOM操作的是对象是浏览器窗口（window），那么这些对象就可以直接使用，无需通过“window.”来访问
BOM和DOM的关系
要想操作网页，需要DOM来进行访问，但是仅仅只是网页内容。浏览器除了有显示的内容，还有一个重要的部分就是一个载体，它承载我们看到的内容。好比是一个框架，而操作这个载体的对象我们把它叫做BOM。所以这样的结构，使得BOM，DOM各司其职，BOM负责跟浏览器框架打交道，DOM负责浏览器内容Document打交道。从上图中能更好的理解两者的关系。
web前端面试题系列：
1.作用域问题
var a = 6; setTimeout(function () { alert(a); a = 666; }, 1000); a = 66;
结果：66
2.语义化标签
1）tite与h1的区别
2）b与strong的区别
3）i与em的区别
PS：不要小看这些题，80%人答不上来
3.事件绑定
addEventListener，第三个参数是用来表示事件是以事件冒泡还是事件捕获这个各位都知道！但是他问的问题是：
我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获！！！
来吧，谁能说出来。。。。
4.CSS选择器问题
考察优先级问题，反正会出很多莫名其妙的变形，比如将style标签写在body后与body前有什么区别，比如同一dom应用多个class其应该如何表现，比如class a定义颜色为blue，class b定义颜色为red，同时应用到dom上，dom作何显示。。。
好吧各位去回答吧。。。。。
以上是关于Web前端面试题第六道—链接标记target与Dom，Bom的主要内容，如果未能解决你的问题，请参考以下文章
《通信原理》复习笔记6----第六章数字基带传输系统相关例题（重中之重点+难上加难点）