快捷導(dǎo)航

通過js腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格的不錯(cuò)實(shí)現(xiàn)方法

更新時(shí)間：2006年12月29日 00:00:00 作者：

今天有人問我一個(gè)問題：如何通過js腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格？看起來似乎比較有難度，不過還是搞定了，順便把解決這個(gè)問題的過程記錄下來，希望能對(duì)寫腳本的兄弟們有所幫助。

以前沒有寫過這種腳本，不過想起來前不久剛看到一個(gè)腳本可以實(shí)現(xiàn)全選HTML編輯器的內(nèi)容，于是想到一個(gè)方案：使用腳本將該表格插入HTML編輯器中，然后全選HTML編輯器內(nèi)容，執(zhí)行HTML編輯器的復(fù)制命令，即可實(shí)現(xiàn)復(fù)制表格功能，很快搞定：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

這樣子功能是實(shí)現(xiàn)了，不過覺得有點(diǎn)不爽，必須借助HTML編輯器才可，不過從全選HTML編輯器的代碼中，注意到了createTextRange()方法，這個(gè)方法以前就有用過，只是一直沒深入研究過。在Msdn中發(fā)現(xiàn)只有Body、TextArea等對(duì)象支持createTextRange()方法，繼續(xù)在msdn中仔細(xì)查閱了一下，createTextRange()返回的是一個(gè) TextRange 對(duì)象，繼續(xù)查閱 TextRange 對(duì)象，發(fā)現(xiàn)其有很多方法，先試了試findText方法，發(fā)現(xiàn)只能選中文字，不能選中對(duì)象，繼續(xù)找，終于發(fā)現(xiàn)了moveToElementText就是我們要找的方法：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

類似于這樣的問題，可以想想以前有無寫過見過類似的代碼，如果沒有也可以網(wǎng)上用關(guān)鍵字搜索一把，直接利用現(xiàn)有知識(shí)解決。msdn是一個(gè)非常好的寶庫(kù)，就如小學(xué)學(xué)漢字的字典一樣，從里面可以找到絕大部分所需要的資料。正應(yīng)了那句話，自己動(dòng)手豐衣足食：）

您可能感興趣的文章:

通過js腳本復(fù)制網(wǎng)頁(yè)上的一個(gè)表格的不錯(cuò)實(shí)現(xiàn)方法

相關(guān)文章

JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法分析
這篇文章主要介紹了JS數(shù)組搜索之折半搜索實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)組折半搜索算法的原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-03-03
js代碼實(shí)現(xiàn)無縫滾動(dòng)(文字和圖片)
js無縫滾動(dòng)，圖片無縫滾動(dòng)，文字無縫滾動(dòng)，基于js代碼如何實(shí)現(xiàn)，本篇文章給大家詳解js代碼實(shí)現(xiàn)無縫滾動(dòng)(文字和圖片)，需要的朋友可以參考下
2015-08-08
小程序封裝路由文件和路由方法(5種全解析)
這篇文章主要介紹了小程序5種路由方法使用場(chǎng)景，封裝路由文件和路由方法，提升小程序體驗(yàn)和開發(fā)效率，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-05-05
JavaScript封裝Vue-Router實(shí)現(xiàn)流程詳解
這篇文章主要介紹了JavaScript封裝Vue-Router實(shí)現(xiàn)流程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-09-09
帶左右箭頭圖片輪播的JS代碼
這篇文章主要介紹了帶左右箭頭圖片輪播的JS代碼，有需要的朋友可以參考一下
2013-12-12
JavaScript利用正則表達(dá)式替換字符串中的內(nèi)容
本文主要介紹了JavaScript利用正則表達(dá)式替換字符串中內(nèi)容的具體實(shí)現(xiàn)方法，并做了簡(jiǎn)要注釋，便于理解。具有一定的參考價(jià)值，需要的朋友可以看下
2016-12-12
web3.js增加eth.getRawTransactionByHash(txhash)方法步驟
這篇文章主要介紹了web3.js增加eth.getRawTransactionByHash(txhash)方法步驟,需要的朋友可以參考下
2018-03-03
js 瀏覽器事件介紹
瀏覽器事件指載入文檔直到該文檔被關(guān)閉期間的瀏覽器事件，如瀏覽器載入文檔事件onload、關(guān)閉該文檔事件onunload、瀏覽器失去焦點(diǎn)事件onblur、獲得焦點(diǎn)事件onfocus 等
2012-03-03
超精準(zhǔn)的javascript驗(yàn)證身份證號(hào)的方法
這篇文章為大家分享了一個(gè)超精準(zhǔn)的javascript驗(yàn)證身份證號(hào)的具體實(shí)現(xiàn)方法，根據(jù)身份證號(hào)對(duì)其進(jìn)行性別的判定，感興趣的小伙伴們可以參考一下
2015-11-11
深入學(xué)習(xí) JavaScript中的函數(shù)調(diào)用
可能很多人在學(xué)習(xí) JavaScript 過程中碰到過函數(shù)參數(shù)傳遞方式的迷惑，本著深入的精神，我給大家分享了一篇教程關(guān)于javascript中的函數(shù)調(diào)用知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2017-03-03