Javascript 更改IFrame src属性

我正在处理一些测试页面，使用jQuery将页面加载到带有src属性的IFrame时遇到了问题。所有页面都是本地的

以下是我尝试过的脚本：

$(document).ready(function () {
    $("#button1").click(function () {
        $("#iframeBox").attr("src", "Default.aspx");
    });
});

---

这是IFrame的标记：

<iframe id="iframeBox" src="Copy of Default.aspx"></iframe>

我尝试将此代码用于在线页面，但仍然不起作用

如果使用IFrames是个坏主意，请您推荐一种我可以使用的不同方法。 该网站的目的是展示大量的图库，其中包含用户可以浏览的主题 每一页都应该有一个图库

---

我正在使用：

galleriffic

jQuery插件。

更改属性不会更改iframe的位置

HTML:

但我建议使用div的：

HTML:

您可以这样更改页面：

 $.get("Default.aspx").success(function(data) {
     $("div#iframeBox").html(data);
 }).error(function() { alert("Error while changing page!"); });

---

出于某些原因，ifram标记没有显示在这里的问题中：顺便问一下，什么是数据src属性？我从没见过befor@samy实际上，我刚刚添加了div版本。您可以添加w3c允许的任何数据属性。但是如果你不想，你可以在脚本中更改它。

<iframe id="iframeBox" name="iframeBox" src="watever"></iframe>

document.iframeBox.location.href = "Defualt.aspx";

<div id="iframeBox" data-src="watever.aspx"></div>

 $("div#iframeBox").css("overflow", "auto"); // or do it in css
 $.get($("div#iframeBox").data("src")).success(function(data) {
     $("div#iframeBox").html(data);
 }).error(function() { $("div#iframeBox").html("Could not load page."); });

 $.get("Default.aspx").success(function(data) {
     $("div#iframeBox").html(data);
 }).error(function() { alert("Error while changing page!"); });