午夜精品久久久久,国产精品99免视看9,国产欧美日韩综合精品二区

今天忽然想著復(fù)習(xí)一下富文本編輯器的制作原理。于是二話不說將手把手地做了起來。因為一年前寫過一個簡單的富文本編輯器，所以大概還是有點印象。可是當(dāng)我把寫出來的代碼跑一下的時候，發(fā)現(xiàn)了問題：

復(fù)制代碼

代碼如下:

var ifr = document.createElement('iframe');
ifr.width = 300;
ifr.height = 300;
var idoc = ifr.contentDocument || ifr.contentWindow.document;
idoc.designMode = 'on';
idoc.contentEditable = true;
idoc.write('<html><head><style>body{ margin:0px; }</style></head><body></body></html>');
document.body.appendChild(ifr);

大家看看上面的代碼，有沒有發(fā)現(xiàn)哪里出現(xiàn)了批漏？

我想如果沒有和我有類似經(jīng)歷的童鞋估計是看不出這段代碼有什么問題的。那么大家不妨去跑一下，也許你很快就會發(fā)現(xiàn)問題。

下面由我來揭曉答案：

這段代碼會拋找不到對象的異常。找不到哪個對象？找不到document對象，啥？怎么可能找不到document對象？當(dāng)然，這個document對象是iframe的document對象。做過富文本的都知道要先獲取了iframe的document對象才可以設(shè)置為可編輯。但是為什么我們獲取不了document對象呢？這里我就不賣關(guān)子了。我說說我的解決流程吧。

首先我去谷歌了一下發(fā)現(xiàn)我獲取document的寫法是沒有錯的。然后我在想難道是Chrome的原因？難道Chrome抽風(fēng)不支持這兩個對象？于是換到了Firefox。結(jié)果還是一樣。那么可以肯定的是，肯定是自己的代碼問題。

后來通過對比網(wǎng)上的代碼，發(fā)現(xiàn)自己的appendChild位置有點不對，于是乎就將它提前到了獲取document對象前：

復(fù)制代碼

代碼如下:

var ifr = document.createElement('iframe');
ifr.width = 300;
ifr.height = 300;
document.body.appendChild(ifr);
var idoc = ifr.contentDocument || ifr.contentWindow.document;
idoc.designMode = 'on';
idoc.contentEditable = true;
idoc.write('<html><head><style>body{ margin:3px; word-wrap:break-word; word-break: break-all; }</style></head><body></body></html>');

結(jié)果運行一切順利。然后我對此次的錯誤作了分析。其實這個錯誤的原理很簡單。大家都知道iframe其實里面包含的是另一個文檔，而這個文檔只有初始化了才能擁有一個document對象。而如果沒有把iframe元素加入到DOM樹中，iframe中的文檔是不會初始化的。因此，在一開始我們的代碼里，我們獲取的ifr變量中的contentDocument值是null，也就說明了此時iframe中的文檔沒有初始化。

順著這條線，我再檢查了別的節(jié)點的初始化情況，發(fā)現(xiàn)其實別的元素節(jié)點只要一旦創(chuàng)建，無論是否加入到DOM樹中都會擁有其本身的屬性和方法。也就是說在眾多元素節(jié)點中iframe算是個異類吧。

標(biāo)簽：楊凌滁州那曲三沙廣西南平日喀則唐山

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《iframe節(jié)點初始化的問題探討》，本文關(guān)鍵詞 iframe,節(jié)點,初始化,的,問題,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

iframe節(jié)點初始化的問題探討