ホームページ >ウェブフロントエンド >jsチュートリアル >JS_javascript スキルでのフォームの使用の概要

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

WBOY
WBOYオリジナル
2016-05-16 17:04:161108ブラウズ

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<5.5){
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 を通じて値を渡します
コードをコピーします コードは次のとおりです:


< /head>

ステップ 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.テーブル内の行を動的に追加/削除します

<テーブル幅="100%" id="tdSearch" name="tdSearch" cellpadding="0" cellpacing="0" align="center">


//テーブル行を動的に生成します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='<%=layer%>';
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 を返します
}

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