JS_javascript スキルでのフォームの使用の概要

1. JavaScript を使用してページを更新する方法

window.location.reload();

window.open によってポップアップされるポップアップ ウィンドウを使用します。 () 親ウィンドウを更新します
window.opener.location.reload()

window.showDialog を使用してモーダル ウィンドウをポップアップします
window.dialogArguments.location.reload();

2. JavaScript ポップアップ ウィンドウの 2 つの実装方法 --- 以下は、ポップアップ画面中心のウィンドウの 2 つの例です。
window.open() メソッド

コードをコピーします コードは次のとおりです。

function ShowDialog(url) {
var iWidth=300; //ウィンドウの幅
var iHeight=200;//ウィンドウの高さ
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/ 2;
ウィンドウを開きます (url,"詳細","スクロールバー = いいえ,ツールバー = いいえ,場所 = いいえ,方向 = いいえ,サイズ変更可能 = いいえ,
幅 = " iWidth " ,高さ = " iHeight " ,top=" iTop ", left=" iLeft);
}

window.showModalDialog メソッド

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

function ShowDialog(url) {
var iWidth=300; //ウィンドウ幅
var iHeight=200;//ウィンドウの高さ
var iTop=(window.screen.height-iHeight)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog(url,window,"dialogHeight: " iHeight "px; ダイアログ幅: " iWidth "px;
ダイアログトップ: " iTop "; ダイアログ左: " iLeft "; サイズ変更可能: いいえ; ステータス: いいえ; スクロール: いいえ");
パラメータ、ウィンドウ

3. データをキャッシュしないようにページを設定する方法

次のステートメントを JSP ページに追加します

コードをコピーします コードは次のとおりです: response.setHeader("Pragma","No-Cache");

response.setHeader("Cache-Control","No-Cache");
response.setDateHeader ("Expires", 0 ; >

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


function CloseWin(){

var ua = navigator.userAgent; var ie = navigator.appName =="Microsoft Internet Explorer"?true: false;
if(ie){ var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") 5,ua.indexOf(";", ua.indexOf("MSIE "))) );
if( IEversion var str = '';

document.body.insertAdjacentHTML("beforeEnd", str); document.all.noTipClose.Click(); } else { window.opener =null; } }else{ window.close()

}

}



5. ポップアップウィンドウを定期的に閉じます---タイマーを設定/クリアします





コードをコピーします


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


script language="JavaScript"

!--
functioncloseit(){ setTimeout("self.close()",100000)// 単位はミリ秒、ここでは 100 秒ですsetInterval("self.close()",100000)

window.clearTimeout(me.timer); window.clearInterval(me.timer); /script
6. JavaScript ポップアップ サブウィンドウに値を渡します -- URL を通じて値を渡します

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

7.jshide /Show form
document.all("id").style.display=="none";//Hide
document.all("id").style.display==""; // Display
document.getElementById("bt").style.display=="none"
document.getElementById("bt").style.display==""
ID はテーブルです、入力 ID

8.js はフォーム要素の有効/無効を制御します
document.getElementById("bt").disabled=true;
document.all("Submit1").disabled= true; //無効
document.all("Submit1").disabled=false; //有効

要素の値を設定/取得します
document.getElementById("labTitle").innerHTML="IP モード";//値を設定します
document.getElementById("labTitle").innerHTML//値を取得します
labTitle は div、span、table の ID です

例 1:

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

例 2:

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

9. ページが関数を通じてフォームを送信する方法

コードをコピーします コードは次のとおりです。次のように:

function exit(){
selcardForm.action="/NDHotel/queryTroom.do?method=exitSystem";
selcardForm.submit();
}

10. Traverse radio メソッド

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

var radios=document.getElementsByName("workMode"); var workMode="";

for(var i=0;i if(radios[ i].checked==true){
workMode=radios[i].value; 🎜>




コードをコピー

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

var prov=document.getElementById("ddlProvince"); prov.options.add(new Option("---選択してください---","")); var pArray=zoneIdProvince .split("&"); for(var i=0;i var idpArray=pArray[i].split("#");

var sZoneID =idpArray[0];

var sProvince=idpArray[1];
prov.options.add(new Option(sProvince,sZoneID)); }

12. プロトタイプ Ajax を使用してページにデータを送信する方法 (Java)

ステップ 1: 次の js ファイルのリンクを

に追加します。

コードをコピーします コードは次のとおりです。

ステップ 2: /NDHotel/js/ で指定されたディレクトリにprototype-1.6.js ファイルを配置します。

3 つのステップ:

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

4 つのステップ: バックグラウンド呼び出しを実装する

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

public ActionForward roomChange Notice(ActionMapping Mapping,

ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception {
String result = "";
PrintWriter pw = RainPrintWriter.getPrintWriter(response);
try {
NotifyServiceTwo.sendMessage(4, 0);
result = "success";
} catch (例外 e ) {
logger.error("roomChange Notice" e);
}
pw.write(result);
pw.close();
return null;
}

13.js でフォームの値を取得する方法:

コードをコピー コードは次のとおりです: document.getElementById("lindex").value

document.all.lindex.value//lindex はページ内で一意である必要があります

//フォーカスを取得するように設定しますdocument.getElementById("lindex").focus()

document.all.startip.focus()

//フォーカスを失うように設定します

document.getElementById("lindex").blur()

document.all.startip.blur()

14.テーブル内の行を動的に追加/削除します

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

//テーブル行を動的に生成しますvar autoId = 0; // 変数を自動インクリメントします

function addRow(value1,value2){
var highQuery=document.getElementById("tdSearch"); 🎜> highQuery.insertRow();
var newRow = highQuery.rows[highQuery.rows.length - 1];
newRow.id = "row_" autoId
newRow.insertCell(); > newRow.cells[0].innerHTML = "
newRow.insertCell();
newRow.cells[1].innerHTML = " "; "

var cell2 = newRow.insertCell();
cell2.innerHTML = "";
cell2.setAttribute("class", " yellowCell2");
autoId=autoId 1;
}

removefunctionRow(rowId){

var trRow = document.getElementById(rowId);

//alert(trRow);

//if(rowId!="row_0"){

trRow.removeNode(true);

//}
}


15. コレクション

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

//インポートの進行状況バーを表示します
document.all("btnImport").disabled=true;
document.all("DataGrid_WaitDiv").style.left=100;
document.all ("DataGrid_WaitDiv" ).style.top=295;
document.all("DataGrid_WaitDiv").style.display = "";

form1.action="/NDHotel/jsp/systemset/roomSet/uploadFile.jsp";
form1.submit();

16. 新しいウィンドウを作成します
functionlayer1AddGroup() {
var url='/NDHotel/jsp/systemset/roomSet/addGroup.jsp';
var newwin= window .showModalDialog(url,window,"dialogWidth=470px;dialogHeight=400px;scroll=yes;status=no;help=no;");
}

//親ページを更新します
function roomMainLeftRightFrame(){
varlayer='';
window.parent.parent.frames('view')。 location .href="/NDHotel/troom.do?method=roomSetLeftMenu&layer=" レイヤー;
}

17. テキスト ボックスの読み取り専用属性を設定します。テキスト ボックスの色/設定ラジオ選択

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

document.all("txt_AutoTime" ).readOnly=true;
document.all("txt_AutoTime").style.backgroundColor="#d0d0d0";
runParamSetForm.radNotForcibly.checked=true;

//IP アドレス検証
function ipCheck(ipValue){
var reg = /^/d{1,3}(/./d{1,3}){3}$ /;
if(ipValue != ""){
if (reg.test(ipValue)){
var ary = ipValue.split('.');
for(key in ary ){
if (parseInt(ary[key]) > 255 )
return false;
}
return true;
}else
return
}else;
true を返します
}