2012-04-19 218 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