jQuery Force đặt thuộc tính src cho iframe

Tôi có một trang chính (thực sự là một JSP) với iframe bên trong nó là;

<iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe>

Bây giờ có nhiều liên kết trên trang chính (được hiển thị động qua JSP) có thể cố gắng đặt src thành một số URL ...

Bây giờ câu hỏi của tôi là, bằng cách sử dụng jQuery (có thể là live ()), tôi có thể ghi đè điều đó theo cách mà thuộc tính "src" cho abc_frame sẽ luôn có một số giá trị cụ thể (ví dụ: "somefixedURL")

Tôi không thể chụp liên kết bằng cách nhấp vào, vì nó được tạo hoàn toàn động thông qua một số mã Java và do đó tôi đang cố ghi đè iframe src?

Sử dụng attr

$('#abc_frame').attr('src', url)

Bằng cách này, bạn có thể lấy và đặt mọi thuộc tính thẻ HTML. Lưu ý rằng cũng có .prop(). Xem .prop () so với .attr () về sự khác biệt. Phiên bản ngắn: .attr()được sử dụng cho các thuộc tính vì chúng được viết bằng mã nguồn HTML và .prop()dành cho tất cả JavaScript được gắn vào phần tử DOM.

nếu bạn đang sử dụng jQuery 1.6 trở lên, bạn muốn sử dụng .prop () hơn là.attr():

$('#abc_frame').prop('src', url)

Xem câu hỏi này để biết giải thích về sự khác biệt.

Trong khi tạo các liên kết, hãy đặt mục tiêu đến thuộc tính tên iframes và có thể bạn sẽ không phải xử lý jquery.

<a href="inventory.aspx" target="contentframe"  title="Title Inventory">
<iframe id="iframe1" name="contentframe"  ></iframe>

$(document).ready(function() {
    $('#abc_frame').attr('src',url);
})

Đặt thuộc tính src không hoạt động với tôi. Khung nội tuyến không hiển thị url.

Điều làm việc cho tôi là:

window.open(url, "nameof_iframe");

Hy vọng nó sẽ giúp một ai đó.

<script type="text/javascript">
  document.write(
    "<iframe id='myframe' src='http://www.example.com/" + 
    window.location.search + "' height='100' width='100%' >"
  ) 
</script>  

Mã này lấy các tham số url (? A = 1 & b = 2) từ trang chứa iframe và gắn chúng vào url cơ sở của iframe. Nó hoạt động cho các mục đích của tôi.

Bạn không thể đặt src của iframe FIX hoặc ngăn chặn gửi javascript / biểu mẫu để thay đổi vị trí của nó. Tuy nhiên bạn có thể đặt lệnh để onload của trang và thay đổi hành động của mỗi liên kết động.

$(".excel").click(function () {
    var t = $(this).closest(".tblGrid").attr("id");
    window.frames["Iframe" + t].document.location.href = pagename + "?tbl=" + t;
});

đây là những gì tôi sử dụng, không cần jquery cho việc này. trong trường hợp cụ thể này cho mỗi bảng tôi có biểu tượng xuất excel, điều này buộc iframe được gắn vào bảng đó phải tải cùng một trang với một biến trong Chuỗi truy vấn mà trang đó tìm kiếm và nếu được tìm thấy phản hồi sẽ ghi ra một luồng có mimetype excel và bao gồm dữ liệu cho bảng đó.