Како да извезете ХТМЛ табелу у Екцел користећи ЈаваСцрипт

Kako Da Izvezete Html Tabelu U Ekcel Koristeci Javascript



Понекад програмери морају да извезу ХТМЛ табеле у екцел датотеку која им помаже да виде статистику/податке веб локације у формату датотеке за извештавање веб локације и користе ову датотеку чак и када су ван мреже. У ЈаваСцрипт-у постоји више библиотека доступних за више задатака. Слично томе, ХТМЛ табела се може лако конвертовати у формат Екцел листа помоћу ЈаваСцрипт библиотеке.

Овај водич ће дефинисати процес за извоз података ХТМЛ табеле у Екцел користећи ЈаваСцрипт.

Како извести ХТМЛ табелу у Екцел користећи ЈаваСцрипт?

За извоз табеле из ХТМЛ-а у Екцел табелу, користите ЈаваСцрипт библиотеку “ СхеетЈС ”. Пружа функције за читање, уређивање и извоз табела док радите у веб прегледачима.







Додајте доњи извор „ СхеетЈС ” ЈаваСцрипт библиотека у <хеад> ознака пројекта:



< тип скрипте = 'текст/јавасцрипт' срц = 'ЦЕЦ521Д29Б2Д0Д9ФБ10БФ6Д77ЕЕ7А29392Д3903Ф [е-маил заштићен] /дист/клск.фулл.мин.јс' > скрипта >

Хајде да пробамо пример за извоз ХТМЛ табеле са подацима у табели.



Пример
Прво направите табелу у ХТМЛ датотеци, користећи <табле> ознака:





< ид табеле = 'тблТоЕкцл' граница = 'два' >
< тхеад >
< тх > Ид тх >
< тх > Име тх >
< тх > Оцена тх >
< тх > Ролл # тх >
< тх > Старост тх >
тхеад >
< тбоди >
< тр >
< тд > 1 тд >
< тд > Јохн тд >
< тд > 8 тд >
< тд > 118 тд >
< тд > 13 тд >
тр >
< тр >
< тд > два тд >
< тд > Рохнда тд >
< тд > 7 тд >
< тд > 153 тд >
< тд > 12 тд >
тр >
< тр >
< тд > 3 тд >
< тд > Степхен тд >
< тд > 9 тд >
< тд > 138 тд >
< тд > 14 тд >
тр >
тбоди >
сто >

Затим креирајте дугме тако што ћете приложити „ онцлицк ” догађај који ће покренути „ хтмлТаблеТоЕкцел() ” функција за извоз табеле у Екцел лист:

< дугме ид = 'дугме' онцлицк = 'хтмлТаблеТоЕкцел('клск')' > Извезите ХТМЛ табелу у ЕКСЦЕЛ дугме >

Излаз приказује табелу са подацима:



ЈаваСцрипт код за извоз табеле са подацима у листу је следећи:

функција хтмлТаблеТоЕкцел ( тип ) {
био података = документ. гетЕлементБиИд ( 'тблТоЕкцл' ) ;
био екцелФиле = КСЛСКС. утилс . табле_то_боок ( података , { лист : 'лист1' } ) ;
КСЛСКС. писати ( екцелФиле , { боокТипе : тип , боокССТ : истинито , тип : 'басе64' } ) ;
КСЛСКС. вритеФиле ( екцелФиле , 'ЕкпортедФиле:ХТМЛТаблеТоЕкцел' + тип ) ;
}

Горе наведени ЈаваСцрипт код прати дате кораке за извоз табеле у Екцел табелу:

  • Дефинишите функцију ' хтмлТаблеТоЕкцел() ” у а <сцрипт> ознаку или ЈаваСцрипт датотеку преношењем „ тип ” као параметар.
  • Затим преузми табелу користећи њен ИД “ тблТоЕкцл ” уз помоћ „ гетЕлементБиИд() ” метод.
  • Претворите табелу у лист тако што ћете позвати „ табле_то_боок() ” метод.
  • Напишите податке табеле у Екцел листу и подесите име датотеке.

Након што кликнете на дугме, лист ће бити преузет.

Отворите преузету датотеку, ХТМЛ табела је сада успешно извезена у Екцел табелу:

Из горњег снимка екрана је јасно да су подаци успешно извезени у екцел датотеку уз помоћ ЈаваСцрипт-а.

Закључак

За извоз ХТМЛ табеле у Екцел табелу, користите ЈаваСцрипт библиотеку “ СхеетЈС ”. Нуди функције за читање, уређивање и извоз табела док радите у веб прегледачима. Уверите се да су подаци за извоз уписани унутар ХТМЛ табеле. Разлог је тај што СхеетЈС преузима редове и колоне из ознака табеле ХТМЛ документа. Овај водич описује извоз података ХТМЛ табеле у Екцел лист.