Maison >interface Web >js tutoriel >Résumé des utilisations courantes des connaissances javascript_Basic
Résumé des utilisations courantes des connaissances javascript_Basic
- WBOYoriginal
- 2016-05-16 16:47:161104parcourir
js décodage et encodage.html
Copier le code Le code est le suivant :
>
Les trois fous sont là ! =" btn1" value="Après encodage" />
;/ html>
L'utilisation de setInterval et setTimeout dans js.html
Copier le code
head> < ;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> L'utilisation de setInterval et setTimeout dans js</ title> </u>< ;script type="text/javascript"> </a>var time = 10; </span>var id = 0; </div>function gel(id) { <div class="codebody" id="code86046">return document.getElementById( id); <br> } <br><br>function dectime() { <br>if (heure > 0) { <br>heure--; <br>gel("timespan").innerHTML = time; <br>} else { <br>//Effacer l'aiguille des heures<br>clearInterval(id); <br>} <br>} <br><br>window.onload = function() { <br>id = setInterval(dectime, 1000); </script> <br></head> <br><body> " style="color: red ;"></span>seconds</span> <br></body> <br></html> <br><br> <br>js vérifie si le l'entrée est un nombre.html <br><br><br><br><br>Copier le code<br><br><br> Le code est le suivant :<br><br> </div><! DOCTYPE html> <br><html xmlns= "http://www.w3.org/1999/xhtml"> <br><head> content="text/html; charset=utf- 8"/> <div class="codetitle"><title>js vérifie si l'entrée est un nombre window.onload= function() { document.getElementById("btn1").onclick = function() { var i = prompt("Entrez la valeur à juger");
//window. alert(i); if (!isNaN(i)) {
window.alert("est un nombre");
} else {
window.alert("n'est pas un nombre");
}
}
;
>js obtient, crée et supprime dynamiquement nodes.html
Copier le code
Le code est le suivant :
http-equiv="Content-Type" content="text/html; charset=utf-8" />
js obtient, crée et supprime dynamiquement des nœuds type="text/javascript">
function gel(id) { return document.getElementById(id); }
window.onload = function () {
gel("btnProAdd" ) .onclick = function () {
//Ajouter des nœuds enfants sous proList
var linew = document.createElement("li");
linew.innerHTML = prompt("Entrez la province à ajouter ") ;
gel("proList").appendChild(linew);
//Relier tous les événements de suppression de clic
DelLiOnClick();
/ /Double-cliquez sur le li nœud enfant pour le supprimer
function DelLiOnClick() {
//1. Récupérez d'abord tous les nœuds enfants
var liNodes = gel("proList").childNodes; >for (var i = 0; i < liNodes.length; i ) {
liNodes[i].onclick = function () {
//alert(liNodes[i]).innerHTML;/ /Parce que onclick est lié à une fonction anonyme, donc je serai toujours 7 ici
//Ce qui suit est la bonne façon de supprimer, utilisez ceci car l'événement onclick est toujours déclenché par le li que vous avez sélectionné
ce parentNode. .removeChild(this);
};
}
}
};
;corps>
;/html>
L'utilisation de setInterval et setTimeout dans js.html
Copier le code
Le code est le suivant :
> setInterval et setTimeout dans js Utiliser < ;/title> <a style="CURSOR: pointer" data="86046" class="copybut" id="copybut86046" onclick="doCopy('code86046')"><script type="text/javascript"> <u>var time = 10; </u>var id = 0; </a>function gel(id) { </span>retour du document. getElementById(id); </div>} <div class="codebody" id="code86046">
<br>function dectime() { <br>if (time > 0) { <br>time--; <br>gel("timespan"). time; <br>} else { <br>//Effacer l'aiguille des heures<br>clearInterval(id); <br>} <br>} <br><br>window.onload = function() { <br> id = setInterval(dectime, 1000); <br>}; <br></script> <br><span id = "timespan" style="color: red;"></span>seconds</span> <br></body> <br></html> add table data.html <br><br><br><br><br>Copier le code <br><br><br> Le code est le suivant : <br><div class="codebody" id="code67224"> <br><!DOCTYPE html> <br><html xmlns="http://www.w3.org/1999/xhtml"> http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>Ajouter dynamiquement des données de tableau
var mailArr = [
{ "title": "Une question c#", "name": "Zhang San", "date": "2014-03 - 21" },
{ "title": "Une question javascript", "name": "李思", "date": "2014-03-21" },
{ "title": " A C question", "name": "五五", "date": "2014-03-21" },
{ "title": "A C question", "name": "Zhao Liu", "date" : "2014-03-21" }
];
window.onload = function () {
var tab = document.getElementById("tb"); méthode de parcours de boucle mailArr vers la table sous la forme tr
for (var rowindex = 0; rowindex < mailArr.length; rowindex ) {
var tr = document.createElement("tr"); var th1 = document.createElement("th");
var th2 = document.createElement("th");
var th3 = document.createElement("th"); createElement("th");
th1.innerHTML = "";
th2.innerHTML = mailArr[rowindex].title
th3.innerHTML = mailArr [rowindex].name;
th4.innerHTML = mailArr[rowindex].date
tr.appendChild(th1);
tr.appendChild(th2); th3);
tr.appendChild(th4);
tab.appendChild(tr);
}
}; 🎜>
window.alert("est un nombre");
} else {
window.alert("n'est pas un nombre");
}
}
;
>js obtient, crée et supprime dynamiquement nodes.html
Copier le code
Le code est le suivant :
http-equiv="Content-Type" content="text/html; charset=utf-8" />
function gel(id) { return document.getElementById(id); }
window.onload = function () {
gel("btnProAdd" ) .onclick = function () {
//Ajouter des nœuds enfants sous proList
var linew = document.createElement("li");
linew.innerHTML = prompt("Entrez la province à ajouter ") ;
gel("proList").appendChild(linew);
//Relier tous les événements de suppression de clic
DelLiOnClick();
/ /Double-cliquez sur le li nœud enfant pour le supprimer
function DelLiOnClick() {
//1. Récupérez d'abord tous les nœuds enfants
var liNodes = gel("proList").childNodes; >for (var i = 0; i < liNodes.length; i ) {
liNodes[i].onclick = function () {
//alert(liNodes[i]).innerHTML;/ /Parce que onclick est lié à une fonction anonyme, donc je serai toujours 7 ici
//Ce qui suit est la bonne façon de supprimer, utilisez ceci car l'événement onclick est toujours déclenché par le li que vous avez sélectionné
ce parentNode. .removeChild(this);
};
}
}
};
;corps>
- Shanxi
- Henan li>
;/html>
L'utilisation de setInterval et setTimeout dans js.html
Copier le code
Le code est le suivant :
>
var mailArr = [
{ "title": "Une question c#", "name": "Zhang San", "date": "2014-03 - 21" },
{ "title": "Une question javascript", "name": "李思", "date": "2014-03-21" },
{ "title": " A C question", "name": "五五", "date": "2014-03-21" },
{ "title": "A C question", "name": "Zhao Liu", "date" : "2014-03-21" }
];
window.onload = function () {
var tab = document.getElementById("tb"); méthode de parcours de boucle mailArr vers la table sous la forme tr
for (var rowindex = 0; rowindex < mailArr.length; rowindex ) {
var tr = document.createElement("tr"); var th1 = document.createElement("th");
var th2 = document.createElement("th");
var th3 = document.createElement("th"); createElement("th");
th1.innerHTML = "";
th2.innerHTML = mailArr[rowindex].title
th3.innerHTML = mailArr [rowindex].name;
th4.innerHTML = mailArr[rowindex].date
tr.appendChild(th1);
tr.appendChild(th2); th3);
tr.appendChild(th4);
tab.appendChild(tr);
}
}; 🎜>