关闭旧的iframe后创建新的iframe

时间:2015-08-06 04:39:54

标签: javascript jquery

我有一个iframe,其字段通过ajax将数据发送到php文件。如果它成功了我关闭(它正在工作)iframe并用另一个信息创建新的(doen&#t; t)。所以问题是:如何关闭旧的iframe并打开另一个?

所以这里的ajax功能有效,但没有打开新的iframe

$.ajax({

        type: "POST",
        url: "sign.php",
        data: {name : name,
            data: canvasData
            },
        success: function () {

           //frame_activation(); //if it will be here it will open iframe inside the old one iframe. 
            alert('done');
            close_frame (); 
            $(body).html(argument[0]);
            //windows.top.frame_activation();
            frame_activation(); // does't work

        }
    });

结果是 - 旧iframe发送信息并关闭它,但不会打开新的iframe。

帧激活:

function frame_activation() {   
//document.getElementById('bg_frame').style.visibility = 'visible';
reg = document.createElement('iframe');
document.body.appendChild(reg);
reg.id = 'iframe';
reg.src = 'activate.html';
reg.style.width='600px';
reg.style.height='200px';
position_frame(reg);
reg.style.border='solid 5px #d4d4d4';
alert('here');
return false;
}

关闭iframe的功能:

function close_frame () {
    parent.document.getElementById('bg_frame').style.visibility = 'hidden';
    var el = parent.document.getElementById('iframe');
    el.style.display='none';
    parent.document.body.removeChild(el);   
    return(false);  
}

使用字段

创建第一个iframe的功能
function frame_reg() {  
    document.getElementById('bg_frame').style.visibility = 'visible';
    reg = document.createElement('iframe');
    document.body.appendChild(reg);
    reg.id = 'iframe';
    reg.src = 'frame.html';
    reg.style.width='640px';
    reg.style.height='400px';
    position_frame(reg);
    reg.style.border='solid 5px #d4d4d4';
    return false;
    }

1 个答案:

答案 0 :(得分:0)

您可以更改iframe的src以更改页面显示。

这是使用Jquery的示例:

$(document).ready(function () {
     $("#btnMenu1").click(function () {
         $("#myIframe").attr("src", "example.aspx");
     });
});