Dator > hur man skapar dynamiska tabeller i javascript

  • hur man skapar dynamiska tabeller i javascript


  • Nästan alla professionella hemsidor som du stöter på har på något sätt varit anlagd med hjälp av tabeller . Tabeller hjälpa till att organisera information på en webbsida , precis som celler gör i ett kalkylark. Webbplats tabeller innehålla text, grafik och länkar som visas på webbsidan . Bordslayouten kvarstår dock osynlig . Det finns ett antal metoder används för att generera tabeller , den gemensamma ena är användningen av " " och " " taggar . JavaScript , kan dock användas för att utforma dynamiska tabeller . När den används tillsammans med HTML , JavaScript tabeller bli ännu mer kraftfull .
    1
    Skapa en matris. . I ett manus block kommer vi att använda namnen på månaderna för att skapa en array ( en ordnad samling data i formatet [ var myArray=new Array ();]) att generera en kalender som exempel skriptet nedan visar :


    var månader=new Array ( ) ;
    månader [ 0]="januari " ; månader [1 ]=" februari " "
    månader [ 2 ]=" mars " ; månader [ 3 ]=" april " ;
    månader [ 4 ]=" May " ; månader [ 5 ]=" juni " ,
    månader [ 6 ]=" juli " ; månader [ 7 ]=" August " ,
    månader [ 8 ]=" September " ; månader [ 9 ]=" oktober " ;
    månader [ 10 ]=" November " ; månader [ 11 ]=" December " ,

    2 .
    Skapa en " new Date "objektet och lagrar den i variabeln " currentDate " ( Se koden i steg 3 nedan) .
    3 .
    Skapa en " currentMonth " variabel . Formatet för ovanstående kod är :

    Var currentDate=new Date ( ) ;
    Var currentMonth=currentDate. getMonth () ;
    currentDate. setDate (1) ,

    4 .
    Output bordsskivan , första raden och andra raden . Dessa innehåller den dagen i månaden och veckodagar som följer :

    document. write ( " pixlars=0 >");
    Dokument . skriva ( " ) ;
    document. write ( " td colspan=7 aligh="centrum" > "
    Månader [ currentMonth ] + " " ) ,
    document. write ( " " ) ;
    document. write ( " S ");
    document. write ( " <; td align=" center "> M ");
    document. write ( " T ");
    Dokument . write ( " W ");
    document. write ( " T ");
    document. write ( " F ");
    Dokument . write ( " S ");
    document. write ( " ");

    5 .

    Hantera första dagen i månaden fallet . Det är här den första dagen i månaden inte är söndag och koden formatet är : ( ! currentDate. getDay ()=0 )

    Om {
    document. write ( " ");
    för (i=0 ; i document. write ( " " ) ;
    } }

    6 .
    Skapa en " tag " loop . Inuti slingan göra ett par kontroller för att avgöra var taggarna kommer att falla på följande sätt:

    Medan ( currentDate. getMonth ( ) == currentMonth ) {
    Om ( currentDate. getDay == 0 ) {
    document. write ( " " ) ; }

    document. write ( " " +
    currentDate. getDate ( ) + " ");
    om ( currentDate. getDate ( ) == 6 ) {
    document. write ( " ");
    }
    currentDate. setDate ( currentDate. getDate ( ) + 1 )
    )
    7 .
    Använd en " för " loop för att slutföra sista raderna på följande sätt:

    for (i=currentDate. getDate () ; i <= 6 ; i + + ) {
    Dokument . write ( " " ) .
    8
    Stäng tabellen taggen . Utgång en avslutande tabell tag på följande sätt:

    document. write ( " ");


Previous:Vilka är fördelarna med Java uppgradera ? Next:Hur man använder en förloppsindikator





Relaterade artiklar


  • Hur man testar en Epson EH-TW450
  • RCN kompatibel kabelmodem
  • hur man använder en Oracle PL / SQL markören
  • hur du döljer ett adressfält i JavaScript
  • UML-diagram förklaras
  • hur man skriver en klient ansökan om Mandelbrot webbtjänst i C #
  • felsökning av en Proxima projektor 9260
  • hur man gör en person promenad i Game Maker 7
  • hur du kör startskript i XP
  • felsökning av en Xerox WorkCentre m940