Till Startsidan

Klarar du av JavaScript?

P� den h�r sidan ska du f� l�ra dig om din webbl�sare klarar av JavaScript eller inte. Jag ska visa p� vilka olika s�tt man kan se om man klarar av JavaScript eller inte.
Om du nu vill veta om du klarar av JavaScript s� �r svaret:
H�r ska du sluta l�sa om du inte g�tt igenom min JavaScript-kurs.

�r du intresserad av att veta hur jag klarade av att svara p� om du klarade av JavaScript h�r ovan?
Det jag gjorde var ett v�ldigt simpelt script blandat med vanliga HTML-kunskaper f�r att f� reda p� svaret. Alltsammans ser du h�r nedan:

<TABLE CELLSPACING="0" CELLPADDING="0">
<TR>
<TD VALIGN="top">Om du nu vill veta om <B>du</B> klarar av JavaScript s� �r svaret:</TD>
<TD><FONT SIZE="-1"><FORM NAME="klara_av_JavaScript"><INPUT NAME="ja" TYPE="text" VALUE="NEJ!!" SIZE="5" MAXLENGTH="5"></FORM></FONT></TD>
</TR>
</TABLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
document.klara_av_JavaScript.ja.value=("JA!!!");
//-->
</SCRIPT>
Det som sker f�rst �r att jag g�r en TABELL (f�r snygghetens skull) med texten i den ena kolumnen och formul�ret i den andra kolumnen. Jag l�ter formul�ret heta "klara_av_JavaScript" och INPUT-f�ltet heta "ja" (b�da namnen kan bytas ut). Vidare l�ter jag f�ltet b�rja med v�rdet "NEJ!!" (VALUE="NEJ!!"). F�r snygghetens skull gjorde jag f�ltets storlek till 5 (b�de NEJ!! och JA!!! har ju 5 tecken). Att jag har skrivit MAXLENGTH="5" �r inte alls viktigt, men det har jag gjort f�r att min �sikt (det �r ju en smaksak) �r att det �r on�digt att n�gon ska kunna fylla i mer �n 5 tecken i f�ltet. Att jag har med en FONT-tagg beror p� att jag vill minska INPUT-f�ltet s� att det passar b�ttre och blir snyggare (ytterligare en smaksak) (fungerar bara med Netscape). Texten CELLSPACING="0" CELLPADDING="0" g�r allt lite kompaktare, lite snyggare helt enkelt.
Det viktiga h�r �r att de som klarar av JavaScript kommer att kunna l�sa JavaScriptet som s�ger att f�ltet ja i formul�ret klara_av_JavaScript ska f� v�rdet JA!!! medans de webbl�sare som INTE klarar av JavaScript inte kommer att kunna l�sa detta script och d�rmed inte kunna �ndra v�rdet NEJ!! till JA!!!.
Allts� ser bes�kare med JavaScript-m�jlighet JA!!! i f�ltet medans de utan JavaScript-m�jlighet ser NEJ!! i f�ltet.
OBS: Formul�ret m�ste vara skrivet innan scriptet, annars blir det JavaScript-error.

Ett annat s�tt �r detta test:
Om denna text �r gr�n s� klarar din webbl�sare av JavaScript.

Jaha, hur gick detta till?
Jo, scriptet (blandat med HTML) s�g ut s�h�r:

<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<FONT COLOR=green>")
//-->
</SCRIPT>
Om denna text �r gr�n s� klarar din webbl�sare av JavaScript.
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("</FONT>")
//-->
</SCRIPT>
P� detta s�tt f�r endast de webbl�sare som klarar av JavaScript (eller som inte f�tt det avst�ngt) FONT-taggen. De webbl�sare som INTE st�djer JavaScript visar bara texten, som f�r dem �r svart.

Ett annat s�tt �r detta test:

Scriptet �r skrivet s�h�r:

<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("Din webbl�sare klarar av JavaScript.")
//-->
</SCRIPT>
<NOSCRIPT>
Din webbl�sare klarar <B>INTE</B> av JavaScript.
</NOSCRIPT>
Nu kommer de med JavaScript-st�d visa "Din webbl�sare klarar av JavaScript." medans de utan JavaScript-st�d f�r l�sa "Din webbl�sare klarar INTE av JavaScript.".

De med gamla webbl�sare f�rst�r inte n�gon av taggarna s� de kommer att ignoreras och det mellan <!-- och --> kommer ju ocks� att ignoreras, kvar blir texten "Din webbl�sare klarar INTE av JavaScript.".
De som d�remot har webbl�sare med JavaScript-st�d kommer att ignorera allt mellan <NOSCRIPT> och </NOSCRIPT> och kommer bara att se "Din webbl�sare klarar av JavaScript.".

Ett sista och v�ldigt l�tt s�tt att ha en funktion som ovan �r att skriva:

Din webbl�sare klarar <NOSCRIPT><B>INTE</B></NOSCRIPT> av JavaScript.
Resultatet blir s�h�r:
Din webbl�sare klarar av JavaScript.


Tillbaka till kursen






Copyright © Omid Rouhani 1997-2022; Alla r�ttigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]