Scribd Logo
Carica

Benvenuto in Scribd!

  • (Browser Object Model) : Alert Confirm ( Question') Prompt ( Question'/ Default') Open

    Caricato da

    Giorgio
    45 visualizzazioni4 pagine

    Titolo originale

    x

    Copyright

    © © All Rights Reserved

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    45 visualizzazioni4 pagine

    (Browser Object Model) : Alert Confirm ( Question') Prompt ( Question'/ Default') Open

    Caricato da

    Giorgio

    Copyright:

    © All Rights Reserved
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 4

    BOM (Browser Object Model)

    = oggetto window e gli oggetti che dipendono da esso → permettono interagire con -
    browser e pagina HTML

    - oggetto globale(= non necessario specificarlo per utilizzare i suoi metodi)


    - finestra del browser → permette acceso a dimensione finestra, testo barra di stato

    consol.log(window); → identifica finestra browser

    METODI:
    - alert(): compare finestra di dialogo
    - confirm(‘question’): ritorna true o false
    - prompt(‘question’/‘default’): ritorna una stringa
    - open(): apre una nuova finestra browser
    window.open(“url”, “titolo”, “parametri”) dove url = indirizzo in cui si aprirà nuova finestra
    → per aprire finestra vuota: striga vuota
    (“”)
    titolo = titolo che si vuole dare alla finestra
    parametri = stringa di paraemetri (es: height,
    width,…)
    VALORI PARAMETRI: - copyHistory = yes/no: copia cronologia finestra padre nella figlia
    - width/height/top/left = n intero: dimensione e posizione della finestra
    sullo schermo
    - location = yes/no: mostra o no la barra dell’indirizzo
    - menubar = yes/no: mostra o no barra dei menù
    - resizable = yes/no: abilita ridimensionamento finestra
    - scrollbars = yes/no: mostra barre scorrimento laterali
    - status = yes/no: mostra barra di stato
    - toolbar = yes/no: mostra barra strumenti
    es: function apri() {
    window.open(‘video.html’, ‘_blank’, ‘width=200px, status=no’);

    }
    - close(): chiude finestra browser
    - blur(): fa perdere il focus alla finestra corrente
    - focus(): incentra il focus sulla finestra corrente

    PROPRIETÀ:
    - defaultStutus: imposta testo predefinito barra di stato del browser (es: mostra la -
    scritta “Completato” dopo il caricamento di una pagina
    - status: indica testo corrente nella barra di stato
    <html><head>
    <script language =" javascript">
    window.defaultStatus = "Messaggio di default";
    </script>
    <title> Modifica il messaggio di stato </title>
    </head>

    <body>
    <h2>Cambia il messaggio di stato</h2>
    <a href="pag.htm"
    onMouseOver = "window.status = 'Il mouse è sul link';
    return=true">
    Link ad una pagina bianca
    </a>
    </body>
    </html>
    - opener: restituisce un riferimento all’ oggetto window che ha aperto la finestra corrente
    - name: restituisce nome della finestra
    WINDOW.DOCUMENT:
    Metodi: - open() e close()
    - write() e writeln(): scrivono nella pagina la stringa

    <body>
    <p>Testo<br />
    <script type="application/x-javascript">
    document.write('<a href="pagina.html">link</a>');
    </script>
    Testo</p>
    </body>

    genererà il codice:
    <body>
    <p>Testo<br /><a href="pagina.html">link</a>
    Testo</p>
    </body>
    Proprietà: - fgColor(= text): colore in primo piano
    - bgColor(= background): colore in secondo piano
    - linkColor, alinkColor, valinkColor: colore link normali, attivi, visitati
    - title: permette accedere al titolo del doc

    Array: - links: restituisce riferimento agli oggetti <a> nel doc


    var l = document.links[0]; //restituisce un riferimento al primo link nella pagina
    alert('Nella pagina ci sono ' + document.links.length + ' link');
    • href: restituisce o imposta il valore dell'attributo href del link.
    • hostname: indica il nome dell'host dell'URL
    • pathname: indica il percorso oggetto indicato dell'URL
    • port: indica la porta dell'URL
    • protocol: indica il protocollo della risorsa a cui punta l'URL
    • search: restituisce l'eventuale querystring (ad esempio pagina.htm?
    name=Mario&cognome=Rossi)
    • target: il valore dell'attributo target del link
    es: for (i in document.links) {
    document.links[i].target = "_blank"; //imposta l'attributo target
    }
    - images: permette accedere a tutte le immagini → anche attraverso il loro name
    es: <img name=“logo” src=“logo.png”> accedi con document.images[“logo”]
    ha come proprietà attributi HTML + complete → restituisce true se l’immagine è
    già stata caricata dal browser
    - forms: per accedere a tutti i form nella pagina → tre metodi:
    - document.forms[0]
    - document.forms[“dati”]//accedere al
    form con name=“dati”
    - document.dati
    - reset(): resetta valori dei campi nei moduli
    - submit(): invia il form
    - elements (proprietà di forms): permette accedere a tutti i campi di form → tre modi:
    uguali a
    quelli di form
    • form: rimanda al form genitore;
    • value: permette di impostare al valore del campo,
    • type: ne specifica il tipo;
    • name: ne restituisce il nome
    • focus() e blur(): attribuiscono e tolgono il focus
    dall'elemento

    attributi del tag <input>


    OGGETTO LOCATION:
    - .href → riporta tutto ciò che c’è scritto nella path con il dominio
    - .hostname → se la pagina è caricata in un server → riporta nome nel server
    - .path → ciò che c’è scritto nella path ma senza dominio
    - in una funzione:
    function linka() {
    location.assign(‘https://www.google.com’)
    assegna un link alla pagina

    OGGETTO HISTORY:
    - .back → per tornare alla pagina precedente
    - .forward → per andare alla pagina successiva

    OGGETTO NAVIGATOR: per sapere le specifiche del browser utilizzate dall’utente


    - .cookieEnable → per sapere se i cookie sono abilitati
    - .appName → per sapere nome del browser
    - .appVersion → per sapere la versione del browser
    - .language → per vedere la lingua

    Potrebbero piacerti anche