Ce premier tutoriel est très simple, nous allons faire un bouton et vérifiez l'heure et l'afficher à l'écran.
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript">
function displayDate()
{
document.getElementById("date").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Ozzu JavaScript</h1>
<p id="date">Click here to check the date from your computer.</p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
- <!DOCTYPE html>
- <html>
- <head>
- <script language="javascript" type="text/javascript">
- function displayDate()
- {
- document.getElementById("date").innerHTML=Date();
- }
- </script>
- </head>
- <body>
- <h1>Ozzu JavaScript</h1>
- <p id="date">Click here to check the date from your computer.</p>
- <button type="button" onclick="displayDate()">Display Date</button>
- </body>
- </html>
document.getElementById("date").innerHTML=Date();
The full stops between each element function is a + variable so this line would mean document+getElementById("date")+innerHTML=Date();
- document.getElementById("date").innerHTML=Date();
- The full stops between each element function is a + variable so this line would mean document+getElementById("date")+innerHTML=Date();
en-tête HTML générale
ligne 4 balise Script où nous avons mis sur le langage JavaScript et le texte de type JavaScript
ligne 5 première fonction avec displayDate()
ligne 6 {ouvrir la fonction
ligne 7 Document = page
getElementById("date") = demandant des informations à l'aide d'une variable
innerHTML=Date() = ID de HTML exécuter la fonction
ligne 8 } fermer au large de la fonction | Cette section finie
ligne 9 fermeture du script
la ligne 10 de clôture de la tête
ligne 11 corps commencer
ligne 12 header1 titre
la ligne 13 balise p à l'aide de id(date) a demandé le script ci-dessus par le biais de la « date »
ligne 14 bouton balise fait un bouton | onclick « displayDate() » va charger la fonction de script lorsque vous cliquez dessus.
ligne 15-16 fermeture HTML
J'ai pris un simple script en Javascript et il ventilées par ligne pour donner les scénaristes de départ à une meilleure compréhension de ce qu'ils sont à la recherche mais si vous pouvez comprendre comment un bouton fonctionne et fonctionne avec le script sur la façon de charger une fonction alors c'est un bon début.
Je suis également plus alors heureux de travailler sur des tutoriels plus complexes si quelqu'un le demande.
Septembre 15th, 2012, 6:12 pm
