Làm thế nào để tải một url trong iframe với Jquery

Question

Tôi muốn tải một iframe trên nhấp chuột, đây là những gì tôi có cho đến nay:

$("#frame").click(function() { 
     $('this').load("http://www.google.com/"); 
    }); 

Nó không làm việc. Đây là mã hoàn chỉnh: JS Bin

Answer 1

$("#button").click(function() { 
    $("#frame").attr("src", "http://www.example.com/"); 
}); 

HTML:

<div id="mydiv"> 
    <iframe id="frame" src="" width="100%" height="300"> 
    </iframe> 
</div> 
<button id="button">Load</button> 

Answer 2

Hãy thử $(this).load("/file_name.html");. Phương pháp này nhắm mục tiêu tệp cục bộ.

Bạn cũng có thể nhắm mục tiêu các file từ xa (trên tên miền khác) có một cái nhìn tại địa chỉ: http://en.wikipedia.org/wiki/Same_origin_policy

Answer 3

$("#frame").click(function() { 
    this.src="http://www.google.com/"; 
}); 

Đôi khi đồng bằng JavaScript nên thú vị hơn và nhanh hơn so với jQuery ;-)

Answer 4

Chỉ trong trường hợp bất kỳ ai vẫn tình cờ gặp lỗi này Câu hỏi:

Mã lý thuyết gần như chính xác theo nghĩa, vấn đề là sử dụng $ ('this') thay vì $ (this), do đó yêu cầu jQuery tìm thẻ.

$(document).ready(function(){ 
    $("#frame").click(function() { 
    $(this).load("http://www.google.com/"); 
    }); 
}); 

Kịch bản thân woudln't làm việc vì nó là ngay bây giờ mặc dù vì load() chức năng chính nó là một chức năng AJAX, và google dường như không đặc biệt cho phép người sử dụng tải trang này với AJAX, nhưng phương pháp này phải dễ sử dụng để tải các trang từ tên miền của riêng bạn bằng cách sử dụng đường dẫn tương đối.

Answer 5

đây là khung nội tuyến trong quan điểm:

<iframe class="img-responsive" id="ifmReport" width="1090" height="1200" > 

    </iframe> 

tải nó trong kịch bản:

$('#ifmReport').attr('src', '/ReportViewer/ReportViewer.aspx');