2012-04-19 126 views
4

使用jQuery加載iframe的正確方法是什麼?使用jQuery加載iframe(正確方法)

其實我有一個菜單有幾個鏈接,我想加載每個鏈接到Iframe,每當用戶點擊它。我正在ASP.NET網站上使用我的默認頁面,其中包含此菜單和Iframe。

我使用了Target =「IframeName」,但我不想要這個方法,因爲它有一些其他問題。

那麼請告訴我如何創建一個JQuery函數來加載這樣一個Iframe。 我搜索了它,我發現了幾種方法,但似乎沒有人工作,我很驚訝,而且我無法理解哪一個是正確的。

+0

什麼是 「其他問題」 的程度。目標方法是正確的,不需要JavaScript來工作。如果你展示了「幾種方法」,請幫忙。 – epascarello 2012-04-19 04:12:41

+0

我知道目標的方法是正確的,但它會是很有益的,如果你能告訴我一些方法,通過JQuery的 – nothingInTheName 2012-04-19 04:14:35

回答

8

的iframe HTML代碼

<iframe id="myIframe" name="myIframe"></iframe> 

jQuery的

jQuery("#myIframe").attr("src","newPage.html"); 

的JavaScript

document.getElementById("myIframe").src = "newPage.html"; 

HTML鏈接

<a href="newPage.html" target="myIframe">FOO</a> 

表單提交

<form action="newPage.html" target="myIframe"> 
    <input type="submit" name="btnSubmit" value="clicky"/> 
</form> 
+0

那麼我使用這種方法來呼叫

  • 歡迎
  • 和上頭部部分我有一個函數 <腳本類型= 「文本/ JavaScript的」> 功能導航(URL) jQuery(「#myIframe」)。attr(「src」,「url」); } 我現在在做什麼錯? – nothingInTheName 2012-04-19 04:33:37

    +0

    您不取消鏈接的點擊。需要返回false並放棄JavaScript標籤。 OnClientClick =「導航('ff');返回false;」' – epascarello 2012-04-19 04:36:33

    +0

  • 歡迎
  • 現在我正在做這個仍然不工作,最新錯誤,請別人告訴我如何突出代碼:( – nothingInTheName 2012-04-19 04:47:00

    0

    $('#iFrameName')。load('somefile.html');

    這會選擇iframe(iframe標籤中需要id =「iFrameName」或類似名稱)並將文件加載到其中。但是,你可以在href上使用目標屬性..我看到你提到有問題...什麼是你的DOCTYPE的HTML?你有一個基本的href有什麼問題?

    +0

    做這是我的DOCTYPE <!DOCTYPE HTML PUBLIC「 - // W3C // DTD XHTML 1.0過渡// EN」‘http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd’> – nothingInTheName 2012-04-19 04:19:07

    +0

    而且與目標方法的問題是 - 每當我發送普通的網頁(沒有任何腳本)我的iFrame它工作正常,但是當我發送包含其主要目的是創建一個API的HTTP請求,並生成表格的形式響應JavaScript文件中的特定頁面。 然後顯示,因爲它打開每一個環節我在一個新的標籤,而不是在它裏面打開點擊整個結果我的iFrame開始wierdly表現後 – nothingInTheName 2012-04-19 04:19:26

    +0

    這個事情的作品精絕與Mozilla和它總是正確加載,但我不知道爲什麼我的iFrame鬆使用此Javascript後的src跟蹤。 這個JQuery文件沒有什麼特別之處,如果它能幫我顯示我的Javascript文件? – nothingInTheName 2012-04-19 04:23:02

    相關問題