JavaScriptのよくある使い方まとめ_基礎知識-jsチュートリアル-php.cn

js のデコードとエンコード.html

コードをコピーコードは次のとおりです:

 
JavaScript のエンコードとデコード 
 
カウントダウン<タイムスパン; " style="color: red ;">

js は、

js が入力は数値です。html 

コードをコピー

 コードは次のとおりです:

js は入力が数値かどうかをチェックします<script type="text/javascript"> <a style="CURSOR: pointer" data="64020" class="copybut" id="copybut64020" onclick="doCopy('code64020')"></a> window.onload= function() { document.getElementById("btn1").onclick = function() { </div>var i = prompt("値を入力してください判断される"); <div class="codebody" id="code64020">//window.alert(i); if (!isNaN(i)) { window.alert("は数字です"); } else { window.alert("は数字ではありません"); } } </script> </head> ; <input type="button" id="btn1 " value="判定番号" /> js は、nodes.html を動的に取得、作成、削除します コードをコピー コードは次のとおりです: <div class="codebody" id="code3541"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js はノードを動的に取得、作成、削除します < type="text/javascript"> function gel(id) { return document.getElementById(id) } window.onload = function () { gel("btnProAdd" ) .onclick = function () { //proList の下に子ノードを追加します var linew = document.createElement("li"); linew.innerHTML = prompt("追加する都道府県を入力してください ") ; gel("proList").appendChild(linew); //すべてのクリック削除イベントを再バインドします }; li 子ノードを削除するには function DelLiOnClick() { //1。まずすべての子ノードを取得します。 var liNodes = gel("proList").childNodes; >for (var i = 0; i <linodes.length i>liNodes[i].onclick = function () { //alert(liNodes[i]).innerHTML;/ / Because onclick は匿名関数にバインドされているため、ここでは常に 7 になります //以下は正しい削除方法です。onclick イベントは常に this を選択した li によってトリガーされるため、これを使用します。 .removeChild(this); } } ;body> <ul id="proList"> <li>河南</li> li> </ul> <input type="button" value="都道府県を追加" id="btnProAdd" /> </body> ;/html> js.html での setInterval と setTimeout の使用 コードをコピー </linodes.length> </div> コードは次のとおりです。 <!DOCTYPE html> <div class="codetitle"><html xmlns="http://www.w3.org/1999/xhtml"> ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <a style="CURSOR: pointer" data="86046" class="copybut" id="copybut86046" onclick="doCopy('code86046')"><title> js で setInterval と setTimeout を使用します;/title> <script type="text/javascript"> var time = 0; </a>function gel(id) { ドキュメントを返します。 getElementById(id); </div>} <div class="codebody" id="code86046"> 関数 dectime() { if (時間 > 0) { time--; gel("timespan") time; } else { //時針をクリア clearInterval(id); } window.onload = function() { id = setInterval(dectime, 1000); </script> <body> <スパン<スパンid = "timespan" style="color: red;">秒 </html> add table data.html コードをコピー コードは次のとおりです: <div class="codebody" id="code67224"> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <メタhttp-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>テーブルデータを動的に追加

<スクリプトタイプ="text/javascript">

var mailArr = [
{ "title": "C# の質問"、"name": "Zhang San"、"date": "2014-03 - 21" },
{ "title": "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"); / tr
for (var rowindex = 0; rowindex < mailArr.length; rowindex ) {
var tr = document.createElement("tr"); の形式でのテーブルへの mailArr ループトラバーサルメソッド。 var th1 = document.createElement("th");
var th2 = document.createElement("th");
var th3 = document.createElement("th"); createElement("th");
th1.innerHTML = "";
th2.innerHTML = mailArr[rowindex].title; [rowindex].name;
th4.innerHTML = mailArr[rowindex].date;

tr.appendChild(th2); th3);

tab.appendChild(tr);

}; 🎜>

<-- ループ増加 -->
🎜>