Web前端面試題第六道—鏈接標記target與Dom,Bom



(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即文檔對象模型,通過創(chuàng)建節(jié)點樹來表示文檔,是HTML和XML的應用程序接口(API),描述了處理網頁內容的方法和接口,從而使開發(fā)者對文檔的內容和結構具有空前的控制力,用DOM API可以輕松地刪除、添加和替換節(jié)點以及設置文檔中標簽的屬性。將一個html文檔用DOM樹表示如下圖所示。


HTML的DOM樹節(jié)點包括:

1. 元素節(jié)點:上圖中<html>、<body>、<p>都是元素節(jié)點即標簽

2. 文本節(jié)點:向用戶展示的內容,如<li>...</li>中的javascript、Dom、CSS等文本。

3. 屬性節(jié)點:元素屬性,如<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打交道。從上圖中能更好的理解兩者的關系。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容