六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

iframe的節(jié)點初始化

發(fā)表時間：2023-09-17 來源：明輝站整理相關軟件相關文章人氣：

[摘要]這次給大家?guī)韎frame的節(jié)點初始化，iframe的節(jié)點初始化的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。今天忽然想著復習一下富文本編輯器的制作原理。于是二話不說將手把手地做了起來。因為一年前寫過一個簡單的富文本編輯器，所以大概還是有點印象�？墒钱斘野褜懗鰜淼拇a跑一下的時候，發(fā)現(xiàn)了問題：...
這次給大家?guī)韎frame的節(jié)點初始化，iframe的節(jié)點初始化的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

今天忽然想著復習一下富文本編輯器的制作原理。于是二話不說將手把手地做了起來。因為一年前寫過一個簡單的富文本編輯器，所以大概還是有點印象�？墒钱斘野褜懗鰜淼拇a跑一下的時候，發(fā)現(xiàn)了問題： 

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對象？當然，這個document對象是iframe的document對象。做過富文本的都知道要先獲取了iframe的document對象才可以設置為可編輯。但是為什么我們獲取不了document對象呢？這里我就不賣關子了。我說說我的解決流程吧。
首先我去谷歌了一下發(fā)現(xiàn)我獲取document的寫法是沒有錯的。然后我在想難道是Chrome的原因？難道Chrome抽風不支持這兩個對象？于是換到了Firefox。結果還是一樣。那么可以肯定的是，肯定是自己的代碼問題。
后來通過對比網(wǎng)上的代碼，發(fā)現(xiàn)自己的appendChild位置有點不對，于是乎就將它提前到了獲取document對象前：

今天忽然想著復習一下富文本編輯器的制作原理。于是二話不說將手把手地做了起來。因為一年前寫過一個簡單的富文本編輯器，所以大概還是有點印象�？墒钱斘野褜懗鰜淼拇a跑一下的時候，發(fā)現(xiàn)了問題： 

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對象？當然，這個document對象是iframe的document對象。做過富文本的都知道要先獲取了iframe的document對象才可以設置為可編輯。但是為什么我們獲取不了document對象呢？這里我就不賣關子了。我說說我的解決流程吧。
首先我去谷歌了一下發(fā)現(xiàn)我獲取document的寫法是沒有錯的。然后我在想難道是Chrome的原因？難道Chrome抽風不支持這兩個對象？于是換到了Firefox。結果還是一樣。那么可以肯定的是，肯定是自己的代碼問題。
后來通過對比網(wǎng)上的代碼，發(fā)現(xiàn)自己的appendChild位置有點不對，于是乎就將它提前到了獲取document對象前： 

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>');

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

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

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

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

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！

相關閱讀：

html標準寫法與dreamweaver生成代碼有哪些不一樣

如何使用iframe在當前網(wǎng)頁中嵌入其他網(wǎng)頁

在html里怎么添加flash視頻格式(flv、swf)文件

谷歌瀏覽的label與input間距問題應該如何解決

HTML的頭標簽meta如何實現(xiàn)refresh重新定向

以上就是iframe的節(jié)點初始化的詳細內容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。
主站蜘蛛池模板： 亚洲资源最新版在线观看 | 青青青手机在线视频 | 日韩中文一区 | 天堂资源中文官网 | 五月综合激情久久婷婷 | 亚洲 欧美 在线观看 | 天天爽夜夜爽天天做夜夜做 | 日韩在线黄色 | 在线免费观看h | 午夜精品久久久久久久99 | 五月网婷婷 | 日本一区二区不卡视频 | 碰91精品国产91久久婷婷 | 羞羞色在线 | 青草视频在线观看免费资源 | 亚洲免费视频在线 | 日本gogo亚洲高清大胆 | 伊人天天干 | 青青青青久在线观看视频 | 四虎剧院 | 天美传媒一区二区三区 | 日日噜噜噜夜夜爽爽狠狠 | 欧美怡红院免费的全部视频 | 日韩城人网 | 在线视频欧美日韩 | 人人狠狠综合久久亚洲 | 日韩国产免费一区二区三区 | 又粗又硬又爽的三级视频在线观看 | 天堂网站天堂小说 | 欧美性第一页 | 午夜影视在线观看 | 日韩亚洲成a人片在线观看 日韩亚州 | 色综合综合网 | 亚洲欧美日韩国产色另类 | 日本在线高清 | 性生活国产| 日日夜夜免费精品视频 | 亚洲欧洲视频在线 | 欧美无毛| 在线国产91| 亚洲精品综合网 |