"og "

hvordan man kan skabe dynamiske tabeller i javascript

Indlæg af Dorte Søndergaard Pe     opdateret: 2011-08-04

Næsten alle professionelle hjemmesider , som du kommer på tværs har i nogen grad blevet lagt ud ved hjælp af tabeller . Tabeller med til at organisere information på en webside , ligesom celler gør i et regneark . Website tabeller indeholde tekst, grafik og links , der vises på websiden . Tabellayoutet imidlertid stadig usynlig . Der er en række teknikker , der anvendes til at generere tabeller , den fælles ene er brugen af "
"-tags. JavaScript , kan dog bruges til at designe dynamiske tabeller . Når det bruges sammen med HTML , JavaScript tabeller bliver endnu mere kraftfuld .
1
Opret et array . . I et script blok , vil vi bruge navnene på måneden for at skabe en array ( en ordnet samling af data i det format [ var myArray=new Array ();]) at generere en kalender som eksemplet scriptet nedenfor viser :

var måneder=new Array () ;
måneder [ 0 ]=" januar " , måneder [ 1 ]=" februar " '
måneder [ 2 ]=" marts " måneder [ 3 ]=" April " ;
måneder [ 4 ]=" maj " ; måneder [ 5 ]=" juni " ;
måneder [ 6 ]="Juli "; måneder [ 7 ]=" August " ;
måneder [ 8 ]="september " ; måneder [ 9 ]=" oktober " ,
måneder [ 10 ]=" november " ; måneder [ 11 ]=" december " ;

2 .
Opret en " new Date "objekt og opbevar det i variablen " CURRENTDATE " ( se kode i Trin 3 nedenfor ) .
3 .
Opret en " currentMonth " variabel . Formatet for ovenstående kode er :
Var CURRENTDATE=new Date ( ) ;
Var currentMonth=currentDate. getMonth () ;
currentDate. setDate (1 ) ;

4 .
Output bordpladen , første række og anden række. Disse indeholder den dag i måneden og dage i ugen som følger :
document. write ( " CELLSPACING=0 >");
Document . skriver ( ") ;
document. write ( " td colspan=7 aligh=' center ' > "
måneder [ currentMonth ] + " ")
document. write ( " ");
document. write ( " <; td align=' center ' > M ");
document. write ( " ");
Document . skriver ( " ");
document. write ( " ");
document. write ( " ");
Document . skriver ( " ");
document. write ( " ");

5 .

Håndter den første dag i måneden sagen . Det er her den første dag i måneden er ikke en søndag og koden formatet er : ( ! currentDate. getDay ( )=0 )
Hvis {
document. write ( " ");
for (i=0 ; i document. write ( " ") ;
}
document. write ( " ");
if ( currentDate. getDate ( ) == 6 ) {
document. write ( " ");
}
currentDate. setDate ( currentDate. getDate ( ) + 1 ) '
)
7 .
Brug en " for " loop til at fuldføre sidste rækker som følger :
For ( I=currentDate. getDate () ; i <= 6 ; i + + ) {
Dokument . skrive ("
") ;
document. write ( "
S T W T F S
") ;
}
}
6 .
Opret en " mens " loop . Inde i løkken gør et par checks til at bestemme , hvor de tags vil falde som følger :
Mens ( currentDate. getMonth ( ) == currentMonth ) {
Hvis ( currentDate. getDay == 0 ) {
document. write ( "
" +
currentDate. getDate () + "
") .
8
Luk tabellen tag . Output en afsluttende tabel tag som følger :
document. write ( "
");


Previous:hvordan du installerer Java API Next:hvordan man kan konvertere Celsius til Fahrenheit og vice versa i java



 

Kommentarer

Code:
change