MozTW 討論區 • 檢視主題 - [解決] js 找多層次ifram的資料要如何寫??

所有顯示的時間為 UTC + 8 小時

[解決] js 找多層次ifram的資料要如何寫??

第 1 頁 (共 1 頁)

[ 8 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

david0928

文章主題 : [解決] js 找多層次ifram的資料要如何寫??

發表於 : 2006-01-21, 16:40

註冊時間: 2005-02-26, 09:29
文章: 16

請問一下像下面這段要寫成firefox支援要如何寫

<iframe id="ifrm1">
<iframe id="ifrm1" src="aa.htm"></iframe>
</iframe>

<script language="javascript">
parent.ifrm1.ifrm1.document.location.href;
</script>

ps.因為第二層的iframe裡的url會變,所以用location.href

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8) Gecko/20051111 Firefox/1.5

風痕影

文章主題 :

發表於 : 2006-01-21, 17:14

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

這個頁面的HTML本身就有問題
<iframe>應該不能套在<iframe>裡
而且ID不可以在同一個頁面上重複

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8) Gecko/20051111 Firefox/1.5

david0928

文章主題 :

發表於 : 2006-01-21, 17:26

註冊時間: 2005-02-26, 09:29
文章: 16

剛剛沒寫清楚,應該是這樣

aa.htm
============================
<script language="javascript">
alert(parent.ifrm1.ifrm1.document.location.href);
</script>

<iframe id="ifrm1" src="bb.htm">
</iframe>
============================

bb.htm
============================
<iframe id="ifrm1" src="cc.htm"></iframe>
============================

然後要在aa.htm用js找bb.htm裡的ifram的url

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8) Gecko/20051111 Firefox/1.5

風痕影

文章主題 :

發表於 : 2006-01-22, 01:20

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

欲表示某ID的元素，getElementById("某ID")是標準的寫法，所以：

代碼:

document.getElementById("ifrm1").document.getElementById("ifrm1").document.location.href

不過有一點要注意，這個程式其實應該寫在<iframe>後面
否則執行時<iframe>還沒出現，其實是會出錯的喔 ^^

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8) Gecko/20051111 Firefox/1.5

david0928

文章主題 :

發表於 : 2006-01-22, 03:00

註冊時間: 2005-02-26, 09:29
文章: 16

這樣還是不行呢,因為這種寫法

代碼:

document.getElementById("ifrm1").document.getElementById("ifrm1").document.location.href

跟這種是一樣的效果,只會偵測到最上一層的url(第一層)

代碼:

document.all.ifrm1.document.all.ifrm1.document.location.href

必須這樣寫才能偵測到最底層的url,可是這樣寫FireFox又不支援

代碼:

ifrm1.ifrm1.document.location.href 或 ifrm1.ifrm1.location.href

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

yuoo2k

文章主題 :

發表於 : 2006-01-22, 03:54

註冊時間: 2005-08-25, 19:59
文章: 1210
來自: 幻境地帶

代碼:

<html>
<head>
<script language="javascript">
function t() {
   alert(
      document.getElementById("ifrm1")
         .contentDocument.getElementById("ifrm1")
         .contentDocument.location.href
      );
}
</script>
</head>
<body onload="t();">
   <iframe id="ifrm1" src="bb.htm"/>
</body>
</html>

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8) Gecko/20051111 Firefox/1.5

david0928

文章主題 :

發表於 : 2006-01-22, 09:59

註冊時間: 2005-02-26, 09:29
文章: 16

可以了:D

謝謝 yuoo2k 大和風痕影大~喔

代碼:

<script language="JavaScript" type="text/JavaScript"> 
function check() {            
   //記錄現在的網頁,以備登入時還在同一頁-開始//
      //for IE
   if (parent.document.getElementById("ifrm1").contentDocument == undefined){
     document.getElementById("hldurl1").value = parent.ifrm1.document.location.href;     
     
     if (parent.ifrm1.ifrm1 != undefined) 
        document.getElementById("hldurl2").value = parent.ifrm1.ifrm1.document.location.href;
     //for FireFox   
  }else{
     document.getElementById("hldurl1").value =parent.document.getElementById("ifrm1")
                                                                                      .contentDocument.location.href;                                                                                               
     if (parent.document.getElementById("ifrm1").contentDocument.getElementById("ifrm1") != undefined) 
        document.getElementById("hldurl2").value = parent.document.getElementById("ifrm1")
                                                                                      .contentDocument.getElementById("ifrm1")
                                                                                      .contentDocument.location.href;
   }   
  //記錄現在的網頁,以備登入時還在同一頁-結束//
     
   if (document.getElementById("account").value == "" ){
      alert("請輸入帳號");
      document.getElementById("account").focus();
      return false;
   }else if(document.getElementById("password").value == "" ){
      alert("請輸入密碼");
      document.getElementById("password").focus();
      return false;               
   }      
   return true;
}
</script>

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.12) Gecko/20050919 Firefox/1.0.7

kourge

文章主題 :

發表於 : 2006-01-24, 14:24

[網站管理員]

註冊時間: 2004-09-27, 09:24
文章: 1685

唉唷，用這麼多 document.getElementById，豈不是要累死?!
建議用這個 function...

代碼:

function $(element){return document.getElementById(element);}

假如要 document.getElementById("password")
只要改用 $("password") 就好

如果要寫一個可以同時取得多個 element 的 function，可以這樣（從 Prototype 偷學來的技巧）

代碼:

function $(){
   var results = new Array();
   for (i = 0; i < arguments.length; i++){
      results.push(document.getElementById(arguments[i]));
   }
   return results;
}

_________________
korp + korp 中文站（沒精神更新）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CHT; rv:1.8) Gecko/20051111 Firefox/1.5

第 1 頁 (共 1 頁)

[ 8 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 24 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :