javascript 彈出式窗體詳解 (小技巧六)

來源:互聯網
上載者:User
1>window.prompt(text, value) 簡單的基與模態窗體的對話框,(返回你輸入)
   var v=window.prompt("提示","請輸入你的名字")
2>window.confirm(text,mess)  模態確認框(返回"是/否")
   if(window.confirm("tips","你確定麼?")==true) alert("yes");
3>window.open([UrL],[name],[features] 打開一個新的窗體
第一個參數是目標網址,第二個是視窗名稱,第三個參數可設定視窗屬性
屬性
height [Pixel]
left [Pixel]
location yes|no
menubar yes|no
resizable yes|no
scrollbars yes|no
status yes|no
toolbar yes|no
top [Pixel]
width [Pixel]

此屬性 返回一個窗體
newwindow=window.open("test.html","new one","width=300px,height=300px");
//屬性之間用","分開
newwindow.document.write("AAA");

4>
window.showModalDialog()方法用來創建一個顯示HTML內容的模態對話框。
window.showModelessDialog()方法用來創建一個顯示HTML內容的非模態對話框
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
其中第2個vArguments是表示傳遞參數
接收方法為  var obj = window.dialogArguments
返回給父窗體的方法 window.returnValue="the result"
例如:
  var bc=window.showModalDialog("myhtml.html","ccc","dialogWidth=200px;dialogHeight=100px");
  alert(bc);
假如
 myhtml.html 中 關閉前有個window.returnValue="abc"
則bc="abc"
5>XMLHTTP (Ajax的基本)var xmlHttp = false;
 try {
   xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
     xmlHttp = false;
        }
  }
 if (!xmlHttp &&  typeof(XMLHttpRequest) != 'undefined') 
  {
    xmlHttp = new XMLHttpRequest();
  }    //以上定義好後
var xmlDom =xmlHttp;
var strDatapa = strData;
    xmlDom.open("GET",url,false);
    xmlDom.send(strDatapa);
      alert(xmlDom.responseText);
//此時返回的改url的所有html代碼,用在asp/aspx中比較多的是,結合Response.write(),Response.end()

對於後三種的窗體傳值一還可以由Url?Para1=a&Para2=b傳遞(接收方法具體看開發語言)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.