锘??xml version="1.0" encoding="utf-8" standalone="yes"?>鍒╃敤vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])錛屾垜浠彲浠ユ墦寮涓涓ā鎬佺獥鍙o紝璇ョ獥鍙g殑浼樼偣鏄檺鍒剁敤鎴峰彧鑳藉褰撳墠鐨勯〉闈㈣繘琛屾搷浣滐紝鑰屽鍏剁埗欏甸潰涓嶈兘榪涜鎿嶄綔錛屽父鐢ㄤ簬鍚戝鎴栬呬俊鎭幏鍙栭〉闈€?br />
鍒╃敤鍏朵腑鐨剉Arguments鎴戜滑鍙互鍦ㄧ埗欏甸潰鍜屽脊鍑虹殑欏甸潰涓繘琛屽弬鏁扮殑浼犻掞紝鍙傛暟鍙互涓鴻嚜瀹氫箟鐨勫璞★紝涔熷彲浠ヤ紶閫掔埗欏甸潰涓換浣曚竴涓帶浠剁殑寮曠敤錛岃繖浣垮緱鎴戜滑鍙互寰堝鏄撶殑鏉ユ搷浣滅埗欏甸潰涓殑鍚勪釜鍏冪礌錛屼嬌寰楀弬鏁扮殑浼犻掑彉寰楅潪甯稿鏄撱?br />
1. 鑷畾涔夊璞″弬鏁頒紶閫?br />
鎴戜滑鍙互瀹氫箟涓涓猨avascript瀵硅薄錛岀劧鍚庡畾涔夊悇縐嶈嚜瀹氫箟灞炴х殑鍊鹼紝鐒跺悗鍙互灝嗘瀵硅薄浼犻掑埌瀛愰〉闈腑銆?br />
濡傦細(xì)鐖墮〉闈ender.htm婧愪唬鐮佷負(fù)錛?br />
<html>
<script>
function show()
{
var person = new Object();
person.myName=myName.value;
person.age = age.value;
person.country = country.value;
window.showModalDialog("target.htm",person,"");
}
</script>
<body>
<table>
<tr>
<td>
name:</td>
<td>
<input id="myName"></td>
</tr>
<tr>
<td>
age:</td>
<td>
<input id="age"></td>
</tr>
<tr>
<td>
country:</td>
<td>
<input id="country"></td>
</tr>
</table>
<br>
<input type="button" value="open" onclick="show()">
</body>
</html>
寮瑰嚭鐨勫瓙欏甸潰target.htm鐨勬簮浠g爜涓猴細(xì)
<html>
<body>
<table>
<tr>
<td>
name:</td>
<td id="myName">
</td>
</tr>
<tr>
<td>
age:</td>
<td id="age">
</td>
</tr>
<tr>
<td>
country:</td>
<td id="country">
</td>
</tr>
</table>
</body>
<script>
var person = window.dialogArguments;
myName.innerText = person.myName;
age.innerText = person.age;
country.innerText = person.country;
</script>
</html>
涓婅堪鐨勪唬鐮佸彲浠ュ皢鐖墮〉闈㈢殑淇℃伅灝佽鎴愪竴涓璞★紝鐒跺悗灝嗚瀵硅薄浼犻掔粰瀛愰〉闈€?br />
2.鐖墮〉闈㈠厓绱犱紶閫?br />
浠ュ皢鐖墮〉闈腑鍏冪礌瀵硅薄鐨勫紩鐢ㄤ紶閫掔粰瀛愰〉闈紝閫氳繃璇ュ紩鐢ㄦ垜浠彲浠ヨ闂埗欏甸潰涓殑璇ュ厓绱犲璞°?br />
Sender.htm婧愪唬鐮侊細(xì)
<html>
<script>
function show()
{
window.showModalDialog("target.htm",infoDiv,"");
}
</script>
<body>
<div id="infoDiv">
<table id="infoTable">
<tr>
<td>
name:</td>
<td>
<input id="myName"></td>
</tr>
<tr>
<td>
age:</td>
<td>
<input id="age"></td>
</tr>
<tr>
<td>
country:</td>
<td>
<input id="country"></td>
</tr>
</table>
</div>
<br>
<input type="button" value="conveyElement" onclick="show()">
</body>
</html>
Target.htm婧愪唬鐮侊細(xì)
//鍏朵腑鍒╃敤鍏冪礌瀵硅薄鐨勫紩鐢ㄦ垜浠彲浠ユ搷綰電埗欏甸潰鐨勫厓绱犲璞$殑灞炴с?br />
<html>
<body>
<div id="childDiv">
</div>
<script>
var infoDiv = window.dialogArguments;
</script>
<br>
<input type="button" value="showInnerHtml" onclick='childDiv.innerHTML=infoDiv.innerHTML'>
<br>
<input type="button" value="changePColor" onclick='infoDiv.style.backgroundColor="lightgreen"'>
</body>
</html>
]]>/*
鑾峰彇URL涓渶鍚庝竴欏瑰弬鏁扮殑鍊?br />
*/
var str=window.location.href;
//alert(str);
var es=/SouceID=/;
es.exec(str);
var right=RegExp.rightContext;
//alert(right);
//鍒楀瓙
<script language="javascript">
var str=window.location.href;
var es=/SouceID=/;
es.exec(str);
var right=RegExp.rightContext;
//alert(right);
switch(right){
case 'Din':
case 'Exh':
case 'Banks':
case 'Shop':
case 'Treat':
case 'Trip':
ChgTab('tab3','tabcontent3');
break;
case 'Air':
case 'Railway':
case 'Road':
case 'Subway':
ChgTab('tab2','tabcontent2');
break;
default:
ChgTab('tab1','tabcontent1');
}
</script>
//浠ヤ笅鏄嚱鏁扮殑鍐欐硶
function GetParam(){
var url = document.location.href;
var name=""
if (url.indexOf("=")>0)
{
name = url.substring(url.indexOf("=")+1,url.length)
}
return name;
}
/*
鑾峰彇鎸囧畾鐨刄RL鍙傛暟鍊?br />
URL:http://www.tkk7.com/blog?name=bainian
鍙傛暟錛歱aramName URL鍙傛暟
璋冪敤鏂規(guī)硶:getParam("name")
榪斿洖鍊?bainian
*/
//1.
function getParam(paramName)
{
paramValue = "";
isFound = false;
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=")>1)
{
arrSource = unescape(this.location.search).substring(1,this.location.search.length).split("&");
i = 0;
while (i < arrSource.length && !isFound)
{
if (arrSource[i].indexOf("=") > 0)
{
if (arrSource[i].split("=")[0].toLowerCase()==paramName.toLowerCase())
{
paramValue = arrSource[i].split("=")[1];
isFound = true;
}
}
i++;
}
}
return paramValue;
}
//2.
function Request(sName)
{
/*
get last loc. of ?
right: find first loc. of sName
+2
retrieve value before next &
*/
var sURL = new String(window.location);
var sURL = document.location.href;
var iQMark= sURL.lastIndexOf('?');
var iLensName=sName.length;
//retrieve loc. of sName
var iStart = sURL.indexOf('?' + sName +'=') //limitation 1
if (iStart==-1)
{//not found at start
iStart = sURL.indexOf('&' + sName +'=')//limitation 1
if (iStart==-1)
{//not found at end
return 0; //not found
}
}
iStart = iStart + + iLensName + 2;
var iTemp= sURL.indexOf('&',iStart); //next pair start
if (iTemp ==-1)
{//EOF
iTemp=sURL.length;
}
return sURL.slice(iStart,iTemp ) ;
sURL=null;//destroy String
}
]]>function cnLength(Str) {
var escStr = escape(Str);
var numI = 0;
var escStrlen = escStr.length;
for (i = 0; i < escStrlen; i++)
if(escStr.charAt(i) == '%')
if(escStr.charAt(++i) == 'u')
numI ++;
return Str.length+numI;
}
]]>
浜屻佸熀鏈娉曪細(xì)
window.open(pageURL,name,parameters)
鍏朵腑錛?br />
pageURL 涓哄瓙紿楀彛璺緞
name 涓哄瓙紿楀彛鍙ユ焺
parameters 涓虹獥鍙e弬鏁?鍚勫弬鏁扮敤閫楀彿鍒嗛殧)
涓夈佺ず渚嬶細(xì)
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//鍐欐垚涓琛?nbsp;
-->
</SCRIPT>
鑴氭湰榪愯鍚庯紝page.html灝嗗湪鏂扮獥浣搉ewwindow涓墦寮錛屽涓?00錛岄珮涓?00錛岃窛灞忛《0璞$礌錛屽睆宸?璞$礌錛屾棤宸ュ叿鏉★紝鏃犺彍鍗曟潯錛屾棤婊氬姩鏉★紝涓嶅彲璋冩暣澶у皬錛屾棤鍦板潃鏍忥紝鏃犵姸鎬佹爮銆?br />
璇峰鐓с?br />
涓婁緥涓秹鍙?qiáng)鐨勪负甯哥敤鐨勫嚑涓弬鏁板Q岄櫎姝や互澶栬繕鏈夊緢澶氬叾浠栧弬鏁幫紝璇瘋鍥涖?br />
鍥涖佸悇欏瑰弬鏁?br />
鍏朵腑yes/no涔熷彲浣跨敤1/0錛沺ixel value涓哄叿浣撶殑鏁板鹼紝鍗曚綅璞$礌銆?br />
鍙傛暟 | 鍙栧艱寖鍥?nbsp;| 璇存槑
| |
alwaysLowered | yes/no | 鎸囧畾紿楀彛闅愯棌鍦ㄦ墍鏈夌獥鍙d箣鍚?nbsp;
alwaysRaised | yes/no | 鎸囧畾紿楀彛鎮(zhèn)誕鍦ㄦ墍鏈夌獥鍙d箣涓?nbsp;
depended | yes/no | 鏄惁鍜岀埗紿楀彛鍚屾椂鍏抽棴
directories | yes/no | Nav2鍜?鐨勭洰褰曟爮鏄惁鍙
height | pixel value | 紿楀彛楂樺害
hotkeys | yes/no | 鍦ㄦ病鑿滃崟鏍忕殑紿楀彛涓瀹夊叏閫鍑虹儹閿?nbsp;
innerHeight | pixel value | 紿楀彛涓枃妗g殑鍍忕礌楂樺害
innerWidth | pixel value | 紿楀彛涓枃妗g殑鍍忕礌瀹藉害
location | yes/no | 浣嶇疆鏍忔槸鍚﹀彲瑙?nbsp;
menubar | yes/no | 鑿滃崟鏍忔槸鍚﹀彲瑙?nbsp;
outerHeight | pixel value | 璁懼畾紿楀彛(鍖呮嫭瑁呴グ杈規(guī))鐨勫儚绱犻珮搴?nbsp;
outerWidth | pixel value | 璁懼畾紿楀彛(鍖呮嫭瑁呴グ杈規(guī))鐨勫儚绱犲搴?nbsp;
resizable | yes/no | 紿楀彛澶у皬鏄惁鍙皟鏁?nbsp;
screenX | pixel value | 紿楀彛璺濆睆騫曞乏杈圭晫鐨勫儚绱犻暱搴?nbsp;
screenY | pixel value | 紿楀彛璺濆睆騫曚笂杈圭晫鐨勫儚绱犻暱搴?nbsp;
scrollbars | yes/no | 紿楀彛鏄惁鍙湁婊氬姩鏍?nbsp;
titlebar | yes/no | 紿楀彛棰樼洰鏍忔槸鍚﹀彲瑙?nbsp;
toolbar | yes/no | 紿楀彛宸ュ叿鏍忔槸鍚﹀彲瑙?nbsp;
Width | pixel value | 紿楀彛鐨勫儚绱犲搴?nbsp;
z-look | yes/no | 紿楀彛琚縺媧誨悗鏄惁嫻湪鍏跺畠紿楀彛涔嬩笂
window.showModalDialog浣跨敤鎵嬪唽
鍩烘湰浠嬬粛錛?br />
showModalDialog() (IE 4+ 鏀寔)
showModelessDialog() (IE 5+ 鏀寔)
window.showModalDialog()鏂規(guī)硶鐢ㄦ潵鍒涘緩涓涓樉紺篐TML鍐呭鐨勬ā鎬佸璇濇銆?br />
window.showModelessDialog()鏂規(guī)硶鐢ㄦ潵鍒涘緩涓涓樉紺篐TML鍐呭鐨勯潪妯℃佸璇濇銆?br />
浣跨敤鏂規(guī)硶錛?br />
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
鍙傛暟璇存槑錛?br />
sURL--
蹇呴夊弬鏁幫紝綾誨瀷錛氬瓧絎︿覆銆傜敤鏉ユ寚瀹氬璇濇瑕佹樉紺虹殑鏂囨。鐨刄RL銆?br />
vArguments--
鍙夊弬鏁幫紝綾誨瀷錛氬彉浣撱傜敤鏉ュ悜瀵硅瘽妗嗕紶閫掑弬鏁般備紶閫掔殑鍙傛暟綾誨瀷涓嶉檺錛屽寘鎷暟緇勭瓑銆傚璇濇閫氳繃window.dialogArguments鏉ュ彇寰椾紶閫掕繘鏉ョ殑鍙傛暟銆?br />
sFeatures--
鍙夊弬鏁幫紝綾誨瀷錛氬瓧絎︿覆銆傜敤鏉ユ弿榪板璇濇鐨勫瑙傜瓑淇℃伅錛屽彲浠ヤ嬌鐢ㄤ互涓嬬殑涓涓垨鍑犱釜錛岀敤鍒嗗彿“;”闅斿紑銆?br />
1.dialogHeight :瀵硅瘽妗嗛珮搴︼紝涓嶅皬浜庯紤錛愶紣px錛岋緝錛ワ紨涓璬ialogHeight 鍜?nbsp;dialogWidth 榛樿鐨勫崟浣嶆槸em錛岃岋緝錛ワ紩涓槸px錛屼負(fù)鏂逛究鍏惰錛屽湪瀹氫箟modal鏂瑰紡鐨勫璇濇鏃訛紝鐢╬x鍋氬崟浣嶃?br />
2.dialogWidth: 瀵硅瘽妗嗗搴︺?br />
3.dialogLeft: 紱誨睆騫曞乏鐨勮窛紱匯?br />
4.dialogTop: 紱誨睆騫曚笂鐨勮窛紱匯?br />
5.center: {yes | no | 1 | 0 }錛氱獥鍙f槸鍚﹀眳涓紝榛樿yes錛屼絾浠嶅彲浠ユ寚瀹氶珮搴﹀拰瀹藉害銆?br />
6.help: {yes | no | 1 | 0 }錛氭槸鍚︽樉紺哄府鍔╂寜閽紝榛樿yes銆?br />
7.resizable: {yes | no | 1 | 0 } 錛伙緝錛ワ紩錛嬶冀錛氭槸鍚﹀彲琚敼鍙樺ぇ灝忋傞粯璁o銆?br />
8.status: {yes | no | 1 | 0 } 錛籌E5+錛斤細(xì)鏄惁鏄劇ず鐘舵佹爮銆傞粯璁や負(fù)yes[ Modeless]鎴杗o[Modal]銆?br />
9.scroll:{ yes | no | 1 | 0 | on | off }錛氭寚鏄庡璇濇鏄惁鏄劇ず婊氬姩鏉°傞粯璁や負(fù)yes銆?br />
涓嬮潰鍑犱釜灞炴ф槸鐢ㄥ湪HTA涓殑錛屽湪涓鑸殑緗戦〉涓竴鑸笉浣跨敤銆?br />
10.dialogHide:{ yes | no | 1 | 0 | on | off }錛氬湪鎵撳嵃鎴栬呮墦鍗伴瑙堟椂瀵硅瘽妗嗘槸鍚﹂殣钘忋傞粯璁や負(fù)no銆?br />
11.edge:{ sunken | raised }錛氭寚鏄庡璇濇鐨勮竟妗嗘牱寮忋傞粯璁や負(fù)raised銆?br />
12.unadorned:{ yes | no | 1 | 0 | on | off }錛氶粯璁や負(fù)no銆?br />
鍙傛暟浼犻掞細(xì)
1.瑕佹兂瀵硅瘽妗嗕紶閫掑弬鏁幫紝鏄氳繃vArguments鏉ヨ繘琛屼紶閫掔殑銆傜被鍨嬩笉闄愬埗錛屽浜庡瓧絎︿覆綾誨瀷錛屾渶澶т負(fù)4096涓瓧絎︺備篃鍙互浼犻掑璞★紝渚嬪錛?br />
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("鎮(zhèn)ㄤ紶閫掔殑鍙傛暟涓猴細(xì)" + obj.name)
</script>
-------------------------------
2.鍙互閫氳繃window.returnValue鍚戞墦寮瀵硅瘽妗嗙殑紿楀彛榪斿洖淇℃伅錛屽綋鐒朵篃鍙互鏄璞°備緥濡傦細(xì)
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.51js.com";
</script>
甯佺瀹氫箟閮ㄥ垎
var psAddStr="ProcessID="+ProcessID+"&AddFlag="+isAddFlag+"&BZBH="+vsBZBH+"&BZMC="+vsBZMC+"&BZFH="+vsBZFH+"&JD="+vsJD;
var Result=window.showModalDialog("addSave.asp?"+psAddStr,'',"dialogHeight:250px;dialogWidth:250px;status:no;");
]]>
http://blog.csdn.net/listen/archive/2004/08/03/59953.aspx
鐢ㄦ硶:
1.娣誨姞JS
2.娣誨姞TABLE,娉ㄦ剰鐨勬槸錛氫竴瀹氳鏈塈D,class涓?sortable"
OK,鍙互浜嗭紝綆鍗曠殑鍚?/p>
濡傛灉瑙夊緱澶崟璋冿紝鑷繁鍔犵偣CSS鍚э紝瀹樻柟緇欏嚭浜嗘敼HEAD鐨凜SS