JavaScript không an toàn cố gắng truy cập khung có URL

Tôi gặp lỗi dưới đây khi cố gắng đặt giá trị băm cho url mẹ từ iframe chứa url miền khác:

JavaScript không an toàn cố gắng truy cập khung có URL "URL1" từ khung có URL "URL2". Tên miền, giao thức và cổng phải phù hợp.

Làm cách nào để khắc phục sự cố này?

Từ một tài liệu con có nguồn gốc khác, bạn không được phép truy cập vào thuộc location.hashtính của cửa sổ trên cùng , nhưng bạn được phép đặt thuộc locationtính đó.

Điều này có nghĩa là với vị trí cửa sổ trên cùng http://example.com/page/, thay vì làm

parent.location.hash = "#foobar";

bạn cần biết vị trí của cha mẹ và làm

parent.location = "http://example.com/page/#foobar";

Vì tài nguyên không được điều hướng, điều này sẽ hoạt động như mong đợi, chỉ thay đổi phần băm của url.

Nếu bạn đang sử dụng điều này cho giao tiếp giữa nhiều miền, thì tôi khuyên bạn nên sử dụng easyXDM để thay thế.

Crossframe-Scripting không thể thực hiện được khi hai khung có các miền khác nhau -> Bảo mật.

Xem phần này: http://javascript.about.com/od/reference/a/frame3.htm

Bây giờ để trả lời câu hỏi của bạn: không có giải pháp hoặc giải pháp nào xung quanh, bạn chỉ cần kiểm tra thiết kế trang web của mình tại sao phải có hai khung từ các tên miền khác nhau làm thay đổi url của tên khác.

Tôi đã nhận được thông báo lỗi tương tự khi cố gắng cắt bớt miền cho iframe.src.

Đối với tôi, câu trả lời là thay đổi iframe.src thành url trên miền CÙNG, nhưng đó thực sự là một trang chuyển hướng lại html đến miền mong muốn. Miền khác sau đó hiển thị trong iframe của tôi mà không có bất kỳ lỗi nào.

Làm việc như người ở. :)

Một giải pháp có thể là sử dụng tệp cục bộ lấy nội dung từ xa

remoteInclude.php

<?php
$url = $_GET['url'];
$contents = file_get_contents($url);
echo $contents;

HTML

<iframe frameborder="1" id="frametest" src="/remoteInclude.php?url=REMOTE_URL_HERE"></iframe>
<script>
    $("#frametest").load(function (){       
    var contents =$("#frametest").contents();
});

Tôi thấy rằng việc sử dụng phiên bản XFBML của nút thích Facebook thay vì phiên bản HTML5 đã khắc phục sự cố này. Thêm mã dưới đây vào nơi bạn muốn nút xuất hiện:

<div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like send="true" layout="button_count" width="50" show_faces="false" font="arial"></fb:like>

Sau đó, thêm cái này vào thẻ HTML của bạn:

 xmlns:fb="http://ogp.me/ns/fb#"

Vấn đề là ngay cả khi bạn tạo proxy hoặc tải nội dung và đưa nó vào như thể nó cục bộ, thì bất kỳ tập lệnh nào mà nội dung đó xác định sẽ được tải từ miền khác và gây ra sự cố giữa nhiều miền.