Alors que votre attente pour les livres!
Apprenez à partir de Mozilla Developer Centre!
Exemple:
Example
Version fixe
document.write(
'Once upon a time there was a ' + heroGender +
' named ' + heroName + '.' + '<BR>' + heroName +
' had a ' + petType + ' called ' + petName + '.');
version brisé
Vous étiez absent à +
symboles
document.write(
'Once upon a time there was a ' + heroGender +
' named ' + heroName /* + */ '.' /* + */ '<BR>' + heroName +
' had a ' + petType + ' called ' + petName + '.');
Essayez d'utiliser
- Firefox et Firebug et son onglet de la console (appuyez sur F12)
- IE9 et la construction dans la console (appuyez sur F12. Assurez-vous que la console est ouverte puis rafraîchir).
- Chrome et la construction dans la console (Appuyez sur Ctrl + Maj + J)
Pour surveiller les messages d'erreur.
Si c'est trop d'effort essayez
window.onerror = function(e) {
alert(e.message);
}
est ici une « amélioration » des normes plus version conforme. Example Link!
HTML:
<label> Your Hero's gender </label><input id="heroGender"/><br/>
<label> Your Hero's name </label><input id="heroName"/><br/>
<label> Your Hero's pet type </label><input id="petType"/><br/>
<label> Your Hero's pet name </label><input id="petName"/><br/>
<button> Make me a hero! </button>
<div id="output"></div>
JavaScript:
// make your hero when you press the button
document.getElementsByTagName("button")[0].addEventListener("click", function() {
// get all the values from the text boxes
var gender = document.getElementById("heroGender").value,
name = document.getElementById("heroName").value,
petType = document.getElementById("petType").value,
petName = document.getElementById("petName").value;
// set the text on your output.
document.getElementById("output").textContent =
"Once upon a time there was a " + gender +
" named " + name + ". " + name + " had a pet " +
petType + " called " + petName;
}, false);
Le code ci-dessus plantera pour IE8 ou moins :(Faire navigateur cross travail JavaScript est une douleur à droite..
Je Vous pouvez lire la documentation pour les navigateurs à
Mais ce ne sont pas faciles à lire ou naviguer. Un excellent guide visuel pour les scripts de navigateur croisés est le visibone BrowserBook.
Il montrera le soutien croix navigateur (rouge firefox, le bleu est IE):
Donnez-lui quelques mois et vous saurez comment utiliser tout ce qui confortablement.
Pouvez-vous expliquer ce qui a mal tourné? Nous voyons du code, mais à moins de le copier et de l'exécuter, nous ne savons pas ce qui a mal tourné. –
Un problème évident est que vous imprimez "Il était une fois il y avait un" ** deux fois **. – Pointy
Vous code ''. ''
'' ce qui est une syntaxe peu incorrecte. – pimvdb