2009-04-11 27 views
36

Tôi có một trang có khung trong đó và một số liên kết bên dưới khung.liên kết mở trong iframe

Tôi muốn các liên kết, khi được nhấp, để mở trang trong khung.

Tôi đã thử <a href="" target="nameofframe">link1</a> nhưng nó không hoạt động?

cập nhật một khung nội tuyến.

+3

cách bạn nên làm việc. Cung cấp cho chúng tôi nhiều hơn, mã thực tế. – AmbroseChapel

Trả lời

4
<a href="YOUR_URL" target="_YOUR_IFRAME_NAME">LINK NAME</a> 
45

Giả sử iFrame có một thuộc tính tên của "myIframe":

<a href="http://www.google.com" target="myIframe">Link Text</a> 

Bạn cũng có thể thực hiện điều này với việc sử dụng Javascript. IFrame có thuộc tính src xác định vị trí nó hiển thị. Như vậy, đó là một vấn đề đơn giản của việc ràng buộc nhấp chuột vào một liên kết để thay đổi thuộc tính src đó.

+1

Đây là một bản demo đơn giản về điều này: http://jsfiddle.net/HnXFj/2/ –

+3

Xin lưu ý thuộc tính "tên" của iframe, không phải ID.

26

Hãy thử điều này:

<iframe name="iframe1" src="target.html"></iframe> 

<a href="link.html" target="iframe1">link</a> 

Các "mục tiêu" thuộc tính nên mở trong iframe.

-3

sử dụng firefox? Nếu trang được mở có chứa iframe khác, thì FF dường như không biết iframe nào nên được sử dụng. Vì vậy, xóa các iframe trong trang đó.

+1

bạn không thể cho rằng câu hỏi là về FF. bạn nên kiểm tra nó với OP đầu tiên bằng cách sử dụng bình luận. điều thứ hai - ý bạn chính xác là "xóa các iframe"? dán một số mã cùng với câu trả lời để người khác có thể hiểu được (và xác minh nó). – andr

+0

Nó đến từ đâu? Tôi không thấy bất kỳ tài liệu nào về nó. – w35l3y

0

Tôi gặp sự cố này trong một dự án sáng nay. Đảm bảo bạn chỉ định thẻ cơ sở trong phần đầu.

Nó phải là như thế này:

<head> 
<base target="name_of_iframe"> 
</head> 

Bằng cách đó khi bạn bấm vào một liên kết trên trang nó sẽ mở ra bên trong iframe theo mặc định.

Hy vọng điều đó sẽ hữu ích.

2

Do mục tiêu của liên kết khớp với tên của khung nội tuyến, liên kết sẽ mở trong khung nội tuyến. Hãy thử cách này:

<iframe src="http://stackoverflow.com/" name="iframe_a"> 
<p>Your browser does not support iframes.</p> 
</iframe> 

<a href="http://www.cnn.com" target="iframe_a">www.cnn.com</a> 
0

Vâng, có một cách khác! Bạn có thể sử dụng nút thay vì siêu liên kết. Do đó, khi nút được nhấp vào trang web được chỉ định trong "name_of_webpage" được mở trong khung mục tiêu có tên "name_of_iframe". Nó làm việc cho tôi!

<form method="post" action="name_of_webpage" target="name_of_iframe"> 
<input type="submit" value="any_name_you_want" /> 
</form> 
<iframe name="name_of_iframe"></iframe> 
Các vấn đề liên quan