<div style="position:absolute; top:10px; right:200px; width:448px; border:1px solid blue;"><marquee behavior="slide" direction="right" scrollamount="4" loop="5"><a href="https://easywd.vitsolutions.lv/" target="_self" title="Labs Resurss"> <img src="../easywd.png" border="0" width="448" height="174"></a></marquee></div><link rel="stylesheet" type="text/css" href="http://www.easywd.lv/css/menu_f1.css"><link rel="shortcut icon" href="http://www.easywd.lv/css/favicon.ico">

 

JavaScript izvade (output)


JavaScript  parasti izmanto, lai manipulēt ar HTML elementiem,
veikt formu  validāciju, veidot dinamiskas izvēlnes.


Manipulējot ar HTML elementiem

Lai piekļūtu HTML elementam no JavaScript, jūs varat izmantot
document.getElementById ( 
id ) metodi. Un noteikti vajag atcerēties, ka JS ir
programmēšanas valoda un tas nozīmē, ka viss pieraksts ir CASE-SENSITIVE!!! un
tas savukārt nozīmē, ka
document.getElementById ir pareizi,
bet document.getelementbyid nav!!!

Izmantot "id" atribūtu, lai noteiktu HTML elementu:

Piemērs

Izveidojiet HTML elementu ar norādīto ID, un mainiet tā saturu:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>


</body>
</html>

Pamēģini pats »

JavaScript ir izpildīts ar interneta pārlūku. Šajā gadījumā pārlūkprogramma piekļūt HTML elements ar id = "demo", un aizstāt tās saturu (Innerhtml) ar "My First JavaScript".

Vēl viens labāks piemērs, jo te jūs redzat rezultātu nospiežot pogu:
Piemērs

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>


Pamēģini pats »


Rakstīt HTML dokumenta saturā

Turpmākais piemērs raksta <p> elementu tieši HTML dokumenta izvadē (output),
bet parasti tādu paņēmienu neizmanto, vispār ir ieteicams JavaScript kodu, ievietot
<head> sadaļā!!:

Piemērs

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
document.write("<p>My First JavaScript</p>");
</script>


</body>
</html>

Pamēģini pats »


Brīdinājums!!!

Izmantot document.write () tikai dokuments tiek veidots(nav ielādējies).

Ja jūs izpildīsit document.write kad dokuments ir ielādējies,
viss HTML lapas saturs tiks pārrakstīts, IESAKU APSKATĪT ŠITO PIEMĒRU:

Piemērs

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.write("Oops! The document disappeared!");
}
</script>


</body>
</html>

Pamēģini pats »


JavaScript Windows 8

Piezīme Microsoft atbalsta JavaScript, lai izveidotu Windows 8 progr. 
JavaScript noteikti ir nākotne gan interneta un Windows.
Komentāri (0)  |  2013-11-26 22:20  |  Skatīts: 1243x

Atpakaļ