ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのよくある使い方まとめ_基礎知識

JavaScriptのよくある使い方まとめ_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:47:161105ブラウズ

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

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




JavaScript のエンコードとデコード

カウントダウン<タイムスパン; " style="color: red ;">


js は、


js が入力は数値です。html




コードをコピー


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



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

}; 🎜>




<-- ループ増加 -->
🎜>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
シーケンス
タイトル
送信者
送信ファイル時間