<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        




    
	
		
		
    

隨筆-3 
評論-26 
文章-41 
trackbacks-0

    
	

    

    
	
					


    
	
	
    

    利用vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])，我們可以打開一個模態窗口，該窗口的優點是限制用戶只能對當前的頁面進行操作，而對其父頁面不能進行操作，常用于向導或者信息獲取頁面。
    
利用其中的vArguments我們可以在父頁面和彈出的頁面中進行參數的傳遞，參數可以為自定義的對象，也可以傳遞父頁面中任何一個控件的引用，這使得我們可以很容易的來操作父頁面中的各個元素，使得參數的傳遞變得非常容易。
    
1.     自定義對象參數傳遞
    
我們可以定義一個javascript對象，然后定義各種自定義屬性的值，然后可以將此對象傳遞到子頁面中。
    
如：父頁面sender.htm源代碼為：
    

    
    <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的源代碼為：
    
 
    
    <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>
    
 
    
上述的代碼可以將父頁面的信息封裝成一個對象，然后將該對象傳遞給子頁面。
    
 
    
 
    
2.父頁面元素傳遞
    
以將父頁面中元素對象的引用傳遞給子頁面，通過該引用我們可以訪問父頁面中的該元素對象。
    
Sender.htm源代碼：
    
 
    
    <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源代碼：
    
//其中利用元素對象的引用我們可以操縱父頁面的元素對象的屬性。
    
 
    
    <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>
    

	
    posted on 2008-03-14 10:51 百年 閱讀(591) 評論(0)  編輯  收藏  所屬分類: Javascript Article 
    

    







    
	    
    




    








    

				

    







    







    
        
	



主站蜘蛛池模板：
青青草免费在线视频|
色播亚洲视频在线观看|
永久黄色免费网站|
eeuss影院免费直达入口|
亚洲制服丝袜第一页|
亚洲伊人久久精品影院|
一本色道久久综合亚洲精品蜜桃冫|
国产亚洲精aa成人网站|
国产免费人人看大香伊|
性色av无码免费一区二区三区|
久久一本岛在免费线观看2020|
一级中文字幕免费乱码专区|
亚洲欧美日韩一区二区三区在线|
亚洲黄色在线视频|
亚洲国产精品SSS在线观看AV|
又黄又大又爽免费视频|
成人毛片18女人毛片免费视频未
|
中文字幕无线码中文字幕免费
|
日韩毛片免费在线观看|
国产高清免费视频|
一级毛片在线观看免费|
国产免费AV片在线观看|
99热在线日韩精品免费|
一级女性全黄生活片免费看|
美女无遮挡免费视频网站|
亚洲av无码成人精品区一本二本|
亚洲va久久久久|
亚洲AV无码成人专区|
亚洲一本之道高清乱码|
亚洲大片免费观看|
亚洲欧洲日韩国产|
亚洲国产精品xo在线观看|
亚洲综合在线视频|
久久久久亚洲av无码专区喷水|
亚洲最新视频在线观看|
亚洲欧洲另类春色校园小说|
亚洲成年人电影网站|
亚洲国产精品日韩在线观看|
亚洲国产精品成人久久久
|
98精品全国免费观看视频|
男女午夜24式免费视频|