収集する価値のある 21 の Javascript ヒント_JavaScript ヒント

var strFun = "someFunction"; //someFunction は定義されたメソッド名です
var strParam = "これはパラメータです" //メソッドに渡されるパラメータです
var fn = window [strFun];

//メソッドを呼び出してパラメータを渡します
fn(strParam);

var random = Math.floor(Math. random() * N 1);
//1 から 10 までの乱数を生成します
var random = Math.floor(Math.random() * 10 1);
//乱数を生成します1 から 100 までの乱数
varrandom = Math.floor(Math.random() * 100 1);

< body onbeforeunload= "fnUnloadHandler()">
…………

window.onbeforeunload = function() {
return "あなたの仕事は失われます。";
};

function formIsDirty(form) {
for (var i = 0; i var element = form.elements[i];
var type = element.type;
if (type == "チェックボックス" || type == "ラジオ") {
if (element.checked != element.defaultChecked) {
== "パスワード" ||
タイプ == "テキスト" || type == "textarea") {
if (element.value != element.defaultValue) {
return true ;
}
}
else if (type == " select-one" || type == "select-multiple") {
for (var j = 0; j < element.options.length; j ) 🎜> }
}
return false;
}

window.onbeforeunload = function(e) {
e = e ||
if (formIsDirty (document.forms["someForm"] )) {
// IE および Firefox
if (e) {
e.returnValue = "未保存の変更があります。";
}
// Safari ブラウザ
return "未保存の変更があります。";
}
};




10 バック キーの使用を完全に無効にします


次のヒントをページに配置すると、ユーザーが「戻る」ボタンをクリックするのを防ぐことができます。これは場合によっては必要になります。コードは次のとおりです:

onpageshow="if (event.persisted) noBack();" onunload="">

function selectBoxRemove(sourceID) {
//リストボックス ID を取得します
var src = document.getElementById(sourceID);

//リストボックス
をループします for(var count= src.options.length-1; count >= 0; count- -) {

//削除するオプションが見つかったら、
を削除 if(src.options[count].selected == true) {

try {
src .remove(count, null);

} catch(error) {

src.remove(count);
}
}
}
}

var listbox = document.getElementById(listID);
for(var count=0; count < listbox.options.length; count ) {
listbox.options[count].selected = isSelect;
}
}

var listbox = document.getElementById(listID);
var selIndex = listbox.selectedIndex;

if(-1 == selIndex) {
alter("オプションを選択してください");
return;
}

var increment = -1;
if(direction == 'up')
increment = -1;
else
インクリメント = 1;

if((selIndex インクリメント) < 0 ||
(selIndex インクリメント) > (listbox.options.length-1)) {
return;
}

var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;
listbox.options[selIndex].value = listbox .options[selIndex増加].value
listbox.options[selIndex].text = listbox.options[selIndex増加].text

listbox.options[selIndex増加].value = selValue;
listbox.options [selIndex増加].text = selText;

listbox.selectedIndex = selIndex増加;
}
//..
//..

listbox_move ('countryList ', 'up'); //選択したオプションを上に移動します
listbox_move('countryList', 'down') //選択したオプションを下に移動します

14 2 つの異なるリストボックス内の項目を移動

2 つの異なるリストボックスにある場合、多くの場合、項目を左側のリストボックスからもう一方のリストボックスに移動する必要があります。関連するコードは次のとおりです。

コードをコピー

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

varnumbers = [];

for(var i=1;numbers.push(i )//numbers = [0,1,2,3 ... 100] 配列のプッシュメソッドを使用します

小数点以下の指定された桁数をインターセプトする場合は、次のような toFixed メソッドを使用できます。

コードをコピーします


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

if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(obj, start) {
for (var i = (start || 0), j = this i 🎜>
if (!String.prototype.contains) {
String.prototype.contains = function (arg) {
return !!~this.indexOf(arg);
};
}



上記のコードでは、indexOf メソッドが書き換えられ、contains メソッドが定義されています。使用されるメソッドは次のとおりです。

18 Javascript 配列内の重複要素を削除


次のコードは、次のように Javascript 配列内の重複要素を削除できます。

r.push(k);
return r;
}

//使用法
var Fruits = ['apple', 'orange' , 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = RemoveDuplicates(fruits);
//出力 uniquefruits ['apple', 'orange', 'peach '、' イチゴ'];




19 文字列内の余分なスペースを削除します


次のコードは、Trim() メソッドを String に追加します。コードは次のとおりです。

str.trim();
//出力 str = "何らかの文字列"




20 Javascript でのリダイレクト


Javascript では、リダイレクトは次のように実装できます:

URL で渡されるデータをエンコードする必要がある場合があります。その方法は次のとおりです。