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

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

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

    重復容易,改變很難
    java,,,不錯的玩具
    posts - 21,  comments - 42,  trackbacks - 0

    一、父窗口調用iframe子窗口方法

    1、HTML語法:<iframe name="myFrame" src="child.html"></iframe>

    2、父窗口調用子窗口:myFrame.window.functionName();

    3、子窗品調用父窗口:parent.functionName();

    簡單地說,也就是在子窗口中調用的變量或函數前加個parent.就行

    4、父窗口頁面源碼:

    1. <html>   
    2. <head>   
    3. <script   type="text/javascript">   
    4. function say() {
    5.    alert("parent.html------>I'm at parent.html");
    6.    } 
    7. function callChild()
    8. {   
    9.    //document.frames("myFrame").f1();
    10.    myFrame.window.say();
    11. }   
    12. </script>   
    13. </head>   
    14.     
    15. <body>     
    16. <input   type=button   value="調用child.html中的函數say()" onclick="callChild()"> 
    17. <iframe name="myFrame" src="child.html"></iframe> 
    18. </body>   
    19. </html>  

    5、子窗口頁面:

    1. <html>   
    2. <head>   
    3. <script type="text/javascript">
    4.       
    5. function say()   
    6. {   
    7.           alert("child.html--->I'm at child.html");   
    8. function callParent() {
    9.    parent.say();
    10.    } 
    11. </script>   
    12. </head>   
    13. <body>   
    14. <input   type=button   value="調用parent.html中的say()函數"   onclick="callParent()">   
    15. </body>   
    16. </html>

    二、iframe 父窗口和子窗口相互的調用方法

    1、IE中使用方法:

    父窗口調用子窗口:iframe_ID.iframe_document_object.object_attribute = attribute_value
    例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';"
    子窗口調用父窗口:parent.parent_document_object.object_attribute = attribute_value
    例子:onclick="parent.myH1.innerText='http://www.pint.com';"

    2、Firefox中使用方法:

    上面在IE下沒有問題,但在firefox下不正常。在firefox下,應該是如下調用方法:

    父窗口調用子窗口:window.frames["iframe_ID"].document.getElementById("iframe_document_object"­).object_attribute = attribute_value 
    例: window.frames["iframe_text"].document.getElementById("myH1").innerHTML= " 子窗口調用父窗口:parent.document.getElementById("parent_document_object").object_attribute = attribute_value 
    例: parent.document.getElementById("myH1").innerHTML = "

    3、完整的例子
    test.htm

    1. <HTML>
    2.     <HEAD>
    3.         <TITLE> Test Page </TITLE>
    4.         <script src="prototype-1.4.0.js"></script>
    5.         <script language="javascript">
    6.             function show()
    7.             {
    8.                 window.frames["iframe_text"].document.getElementById("myH1").innerHTML = "http://hi.wonsoft.cn";
    9.             }
    10.         </script> 
    11.     </HEAD>
    12.     <BODY>
    13.         <iframe height="350"  width="600" src="iframe_test.htm" name="iframe_text"></iframe>
    14.         <form action="" method="post">
    15.             <input name="haha" id="haha" type="text" maxlength="30" value="haha" />
    16.             <br />
    17.             <textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
    18.             <input type="button" onClick="show();" value="提交"/>
    19.         </form>
    20.         <h1 id="myH1">d</h1>
    21.     </BODY>
    22. </HTML>

     frame_test.htm

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3.   <head>
    4.     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    5.     <title>無標題文檔</title>
    6.   </head>
    7.   <script language="javascript">
    8.     function show()
    9.     {
    10.       parent.document.getElementById("myH1").innerHTML = http://wonsoft.cn
    11.     }
    12.   </script>
    13.   <body>
    14.     <h1 id="myH1">ha</h1>
    15.     <form action="" method="post">
    16.       <input name="abc" id="abc" type="text" maxlength="30" value="abc" />
    17.       <br />
    18.       <textarea cols="50" rows="10" id="text"></textarea>
    19.       <br />
    20.       <input type="button" value="提交" onclick="show();"/>
    21.     </form>
    22.   </body>
    23. </html>

    test.htm里面firefox下訪問iframe 必須用name,不能用id,所以要改為name="iframe_test" 。(http://chenling1018.blog.163.com/blog/static/1480254200811891041694/)

     

    三、在c#中如何動態改變iframe的src值,動態指向一個網頁

    1)如果是javascript腳本  
      給iframe加一個ID如<iframe   id=frmList……  
      在腳本寫  
      frmList.document.location=strNewUrl   

    2)如果是后臺程序  
      給iframe加一個ID,再加上runat=server   如<iframe   id=frmList   runat=server   ……    
      在程序里寫  
      frmList.Attributes.Add("src",strNewUrl);

    posted on 2009-02-06 22:09 分享愛的空間 閱讀(2307) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    <2025年7月>
    293012345
    6789101112
    13141516171819
    20212223242526
    272829303112
    3456789

    常用鏈接

    留言簿(5)

    隨筆檔案

    文章檔案

    相冊

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 性色av无码免费一区二区三区| 一级看片免费视频| 无码精品人妻一区二区三区免费看 | 少妇亚洲免费精品| 四虎国产精品免费久久影院| 亚洲av片在线观看| 四虎永久成人免费| 国产精品高清免费网站| 亚洲另类激情综合偷自拍图| 日韩免费观看一区| 老色鬼久久亚洲AV综合| 国产精品入口麻豆免费观看| 亚洲国产精品久久丫| 在线观看免费大黄网站| 综合一区自拍亚洲综合图区 | 亚洲精品制服丝袜四区| 日本免费在线观看| 亚洲国产精品xo在线观看| 最近免费中文字幕4| 特级无码毛片免费视频| 精品亚洲一区二区| 久久午夜免费视频| 小说专区亚洲春色校园| 亚洲精品自产拍在线观看| 亚洲精品视频在线免费| 亚洲av色香蕉一区二区三区| 亚洲欧洲精品成人久久奇米网| 国产成人AV片无码免费| 国产精品亚洲午夜一区二区三区| 国产免费av一区二区三区| 爽爽爽爽爽爽爽成人免费观看| 亚洲码一区二区三区| 四虎永久免费地址在线观看| 你懂的网址免费国产| 亚洲国产成人精品激情| 亚洲国产香蕉人人爽成AV片久久| 精品无码国产污污污免费网站 | 国产亚洲一区二区在线观看| 国产成人精品免费视频大| 美女视频黄频a免费观看| 亚洲国产香蕉碰碰人人|