iframe跨域问题：无法获取并修改MVC视图打开的iframe URL

你遇到的核心问题是浏览器同源策略限制——当iframe加载外部域名的页面时，浏览器会阻止父页面直接操作该iframe的DOM或修改它的URL，这是浏览器的安全机制，防止恶意页面窃取其他网站的敏感信息。

针对你想在对话框关闭时修改iframe URL的需求，分两种场景给出可行方案：

场景1：你能控制iframe加载的外部域名页面 #

这种情况下可以用postMessage API实现跨域通信，让iframe自身完成URL修改：

1. 在你的MVC父页面（对话框所在页面）的关闭事件中，给iframe发送跳转指令：

$(document).on('click', '.ui-dialog-titlebar-close', function () {
    var iframe = document.getElementById('frame1');
    // 建议替换成实际的外部域名，避免接收恶意消息
    iframe.contentWindow.postMessage(
        { action: 'updateUrl', newUrl: 'https://你的目标URL.com' },
        'https://外部页面的域名.com'
    );
});

2. 在iframe加载的外部页面中，监听message事件，接收指令后修改自身URL：

window.addEventListener('message', function(event) {
    // 验证消息来源，提升安全性
    if (event.origin !== 'https://你的MVC页面域名.com') return;
    
    if (event.data.action === 'updateUrl') {
        window.location.href = event.data.newUrl;
    }
}, false);

场景2：你无法控制iframe加载的外部域名页面 #

这种情况下浏览器的同源策略会完全阻止你直接操作iframe，你可以用以下替代方案：

方案A：替换原iframe为新的iframe #

直接移除旧iframe，创建带有新URL的iframe替换它（父页面创建新iframe不受跨域限制）：

$(document).on('click', '.ui-dialog-titlebar-close', function () {
    var id = 'frame1';
    var $oldFrame = $('#' + id);
    // 创建新iframe并继承旧iframe的属性
    var $newFrame = $('<iframe>', {
        id: id,
        src: 'https://你的目标URL.com',
        width: $oldFrame.attr('width') || '100%',
        height: $oldFrame.attr('height') || '600px',
        frameborder: $oldFrame.attr('frameborder') || '0'
    });
    // 替换旧iframe
    $oldFrame.replaceWith($newFrame);
});

方案B：将iframe设置为空白页 #

如果只是想让iframe不再显示外部内容，可直接设置src为about:blank（该操作不受跨域限制）：

$(document).on('click', '.ui-dialog-titlebar-close', function () {
    $('#frame1').attr('src', 'about:blank');
});

内容的提问来源于stack exchange，提问作者Amiri Kazuo