Hvordan lage en webside Gå fullskjerm med Javascript

Hvordan lage en webside Gå fullskjerm med Javascript


Maksimere en nettside krever legge til noen linjer til det eksisterende kode. Selv om prosessen er ikke vanskelig, kan beslutningen om når du skal bruke det. Med skjermstørrelser og oppløsning bedre hele tiden, kan behovet for å ofte maksimere et nettleservindu virkelig irritere seeren. Hvis du finner ut at din nettside har så mye informasjon som du må fylle betrakterens skjerm med alt innholdet, så vil du kanskje revurdere din side design. Prøv å lage mindre og mindre opptatt sider for leseren. Jo mer de liker nettstedet ditt, jo oftere vil de besøke den.

Bruksanvisning

1 Åpne teksteditor du skal bruke til å lage Javascript.

2 Skriv inn den første linjen med kode:

<Html>

Dette forteller nettleseren at du initiere HTML-kode.

3 Skriv inn den andre linjen med kode:

<Head>

Maksimerings koden må være i overskriften på koden din. Koden ser nå slik ut:

<Html>
<Head>

4 Skriv inn den tredje linjen med kode:

<Script language = "Javascript">

Denne linjen forteller nettleseren at du skifter fra html til Javascript. Koden ser nå slik ut:

<Html>
<Head>
<Script language = "Javascript">

5 Skriv inn den fjerde linje med kode:

window.moveTo (0,0);

Denne linjen forteller vinduet i nettleseren for å starte på piksler 0 og 0; med andre ord, den øverste venstre hjørne av skjermen. Koden ser nå slik ut:

<Html>
<Head>
<Script language = "Javascript">
window.moveTo (0,0);

6 Skriv inn den femte linje med kode:

window.resizeTo (screen.width, screen.height);

Denne koden forteller nettleseren for å utvide vinduet til høyre hjørne av skjermen, eller for å maksimere skjermen. Koden ser nå slik ut:

<Html>
<Head>
<Script language = "Javascript">
window.moveTo (0,0);
window.resizeTo (screen.width, screen.height);

7 Lukk rutine og legge den kroppen du ønsker. Koden ser nå slik ut:

<Html>
<Head>
<Script language = "Javascript">
window.moveTo (0,0);
window.resizeTo (screen.width, screen.height);
</ Script>
</ Head>
<Body>
Din tekst her
</ Body>
</ Html>