B/S開発でよく使われるJavaScript技術_JavaScriptスキル

JavaScript のアプリケーションでは、頻繁に使用されるコードをすべて読むことをお勧めします。この記事は 3 ページあります。よく読んで、よくある問題を理解してください。ウェブページ

1. 検証カテゴリ
1. デジタル検証内
1.1 整数
1.2 0 より大きい整数 (渡された ID の検証に使用)
1.3 負の整数の検証
1.4 整数iMax より大きくすることはできません
1.5 整数は iMin より小さくすることはできません
2. 時間クラス
2.1 (13:04:06) の形式の短い時間
2.2 短い日付、 (2003-12-05 )
の形 2.3 長い間、(2003-12-05 13:04:06) の形で
2.4 年と月だけ。 (2003-05、または 2003-5)
の形式。 2.5 (12:03)
の形式で、時間と分のみ。 3. フォーム クラス
3.1 すべてのフォーム値を指定することはできない。 empty
3.2 複数行のテキスト ボックスの値を空にすることはできません。
3.3 複数行のテキスト ボックスの値は sMaxStrleng を超えることはできません
3.4 複数行のテキスト ボックスの値は sMixStrleng 未満にすることはできません
3.5 ラジオ ボタンが選択されているかどうかを判断します。
3.6 チェックボックスがオンになっているかどうかを決定します
3.7 すべてのチェックボックスをオン、複数選択、すべての選択を解除、反転選択
3.8 ファイルアップロード時のファイルタイプを決定します
4. 4.1 判定文字はすべて a-Z または A-Z の文字で構成されます
4.2 判定文字は文字と数字で構成されます。
4.3 判定文字は文字、数字、アンダースコア、ドットで構成されます。先頭はアンダースコアと文字のみです。
4.4 文字列置換関数。
5. 5.1 ブラウザの種類を決定します
5.2 IE のバージョンを決定します
5.3 クライアントの解像度を決定します

6. 結合クラス
6.1 電子メールを決定します。
6.2 携帯電話番号の認証
6.3 ID カードの認証


2. 機能カテゴリ

1.1 カレンダー
1.2 時間制御
1.3 永久カレンダー
1.4 動的表示時計効果の表示 (OA の時刻などのテキスト)
1.5 動的表示時計効果の表示 (時計などの画像)
2. フォーム クラス
2.1 フォームを自動的に生成します
2.2 ドロップダウン ボックスの要素を動的に追加、変更、削除します
2.3 コンテンツを入力できるドロップダウン ボックス
2.4 マルチ ボックスには iMax テキストのみを入力できます-行テキストボックス。入力しすぎると、自動的に iMax テキストに縮小されます (主にテキスト メッセージの送信に使用されます)

3. 印刷クラス
3.1 印刷コントロール
4. イベント クラス
4.1 シールド右クリック
4.2 すべてのファンクション キーをブロック
4.3 --> および <-- F5 F11、F9、F1
4.4 Ctrl N キーの組み合わせをブロック
5. Web デザイン
5.1 連続テキストと画像のスクロール (連続していることに注意してください。テキストと画像の 2 つの段落の間に空白スペースはありません)
5.2 HTML 編集コントロール クラス
5.3 カラー選択ボックス コントロール
5.4 ドロップダウン メニュー
5.5 2 レベルまたは複数レベルのドロップダウン メニュー
5.6 IE メニューを模倣したボタン。 (この効果は、rongshuxa.com のナビゲーション列のようなものです)
5.7 ステータス バーとタイトル バーの動的効果 (多くの例があります。学習できます)
5.8 ダブルクリック後、Web ページが自動的にスクロールします
6. ツリー構造。
6.1 asp SQL バージョン
6.2 asp xml SQL バージョン
6.3 java sql または java sql xml
7. ボーダーレス効果の作成
8. リンクされたドロップダウン ボックス テクノロジ
9.テキストの並べ替え


1. 検証タイプ
1. 数値検証
1.1 整数
/^(-| )?d $/.test(str)
1.2 0 より大きい整数 (渡された ID の検証に使用)
/^d $/.test(str)
1.3 負の整数の検証
/^-d $/.test(str)
2. 時間クラス
2.1 (13:04:06) の形式の短い時間
function isTime(str)
{
var a = str.match(/^(d{ 1 ,2})(:)?(d{1,2})2(d{1,2})$/);
if (a == null) {alert('入力パラメータがありません時間形式' ); return false;}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
warning("時刻の形式が正しくありません ");
return false
        }
true を返します。
}
2.2 短日期、形如 (2003-12-05)
function strDateTime(str)
{
var r = str.match(/^(d{1,4 })(-|/)(d{1,2})2(d{1,2})$/); 
if(r==null)return false; 
var d= 新しい 日付(r[1], r[3]-1, r[4]); 
return (d.getFull Year()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()==r[4]);
}
2.3 长時間间、形如 (2003-12-05 13:04:06)
function strDateTime(str)
{
var reg = /^(d{1, 4})(-|/)(d{1,2})2(d{1,2}) (d{1,2}):(d{1,2}):(d{1,2} )$/; 
var r = str.match(reg); 
if(r==null)return false; 
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
return (d.getFull Year()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r [5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4 年と月だけが含まれます。形例(2003-05、または2003-5)
2.5 時間と分だけが含まれます、形例(12:03)
3、表単位
3.1 すべての表の值都は空にすることはできません

3.2 多行テキストブックの値は空にすることはできません。
3.3 多行テキストブックの値は sMaxStrleng を超えることはできません
3.4 多行テキストブックの値は sMixStrleng を超えることはできません
3.5 単一選択かどうかを判断します
3.6 選択枠が選択されているかどうかを判断します。
3.7 复选框の全選択、多选、全不选、反选
3.8 文件上传过程中判断文件型
4、文字类
4.1 判断文字符は全部a-Z、またはA-Zのもの字母组成

4.2 判断文字は文字と数字で構成されます。

4.3 判断文字符による字母和数字、下划線、点号構成。および开头的のみ能は下划線和字母
/^([a-zA-z_]{1})([w]*)$ /g.test(str)
4.4 字符串替换関数数.Replace();
5、浏览器类
5.1 判断浏览器の種類
window.navigator.appName
5.2 判断のバージョン
window.navigator.appVersion
5.3 判断顧客端末の分辨率
window.screen.height;  ウィンドウの画面の幅;

6、結合類
6.1 電子メールの判断。
function ismail(mail)
{
return(new RegExp(/^w ((-w )|(.w ))*@[A-Za-z0-9] ((.|-)[A-Za-z0-9] )*.[A-Za-z0-9] $/).test(mail));
}
6.2 本体番号の説明
6.3 身元の説明
関数 isIdCardNo(num)

if (isNaN(num)) {alert("入力は数字ではありません！」）; return false;}
var len = num.length, re; 
if (len == 15)
re = new RegExp(/^(d{6})()?(d{2})(d{2})(d{2})(d{ 3})$/);
else if (len == 18)
re = 新しい RegExp(/^(d{6})()?(d{4})(d{2})(d{2})(d{3})(d)$/); else {alert("入力された桁数が間違っています!"); return false;}
var a = num.match(re)
if (a != null)
if（len == 15）
getyear（）== a [3] &&（）== a [4] && d.getdate（）== a [5]; var D = new Date(a[3] "/" a[4] "/" a[5]); var B = D.getFull Year()==a[3]&&(D.getMonth( ) 1)==a[4]&&D.getDate()==a[5];
}
日付が間違っています。 "); return false;}
return true;
;form name=hrong>
すべて選択





< input type=チェックボックス名=mm onclick="checkItem('All')">

;br/>





すべて選択



<入力タイプ=チェックボックス名=mm2 onclick="checkItem('All2')">

<入力タイプ=チェックボックス名=mm2 onclick="checkItem('All2')">


>




<スクリプト言語= "JavaScript">
関数 checkAll(str)
var a = document.getElementsByName(str);
var n = a.length; i a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
var e = window.event. srcElement;
var all = eval("document.hrong." str);
if (e.checked)
{
var a = document.getElementsByName(e.name) ; all.checked = true;
for (var i=0; i {
if (!a[i].checked){ all.checked = false; }
}
}
else all.checked = false;
}


3.8 ファイルアップロード時のファイルタイプの決定


画图:


S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
S.DrawingSurface.Line(10,10,100,100);


書き込み注記表：
<SCRIPT> <br>var WshShell = WScript.CreateObject("WScript.Shell"); <br>WshShell.RegWrite ("HKCU\Software\ACME\FortuneTeller\", 1, "REG_BINARY"); <br>WshShell.RegWrite ("HKCU\Software\ACME\FortuneTeller\MindReader", "Goocher!", "REG_SZ"); <br>var bKey = WshShell.RegRead ("HKCU\Software\ACME\FortuneTeller\"); <br>WScript.Echo (WshShell.RegRead ("HKCU\Software\ACME\FortuneTeller\MindReader")); <br>WshShell.RegDelete ("HKCU\Software\ACME\FortuneTeller\MindReader"); <br>WshShell.RegDelete ("HKCU\Software\ACME\FortuneTeller\"); <br>WshShell.RegDelete ("HKCU\Software\ACME\"); <br></SCRIPT>

TABLAE相关(客户端动态增加列）

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル