當在同一頁面上單擊鏈接時，是否可以使用JQuery將url加載到iframe中？

如果您不能編輯html，是否可以使用JQuery將<a>標記的src加載到與鏈接點擊相同的頁面上的iframe中？當在同一頁面上單擊鏈接時，是否可以使用JQuery將url加載到iframe中？

與此類似的東西，但不是從輸入中獲取值，src值將是人員點擊的鏈接的src？

2014-09-23 Denoteone

這是你想要的嗎？

$('#url').click(function(e) { 
 
    e.preventDefault(); 
 
    $('#display').attr('src', $('#url').attr('href')); 
 
});

iframe { width: 100%; height: 50%; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<iframe id="display"></iframe> 
 
<br> 
 
    <a type="text" id="url" href="http://jquery.com">test</a>

來源

2014-09-23 15:12:04 Leeish

謝謝Leeish您的快速解答和榜樣。這正是我想要完成的。只要它允許我將它標記爲已接受。 +1檢查 – Denoteone 2014-09-23 15:14:49

如果你可以編輯HTML，@ncardeli有更好的答案，因爲它只是HTML。 – Leeish 2014-09-23 15:15:13

這就是target attribute是。

iframe { width: 100%; height: 50%; }

<iframe id="display" name="display"></iframe> 
 
<br> 
 
    <a href="http://jquery.com" target="display">Load</a>

來源

2014-09-23 15:13:06 ncardeli

這太簡單了。 :)授予他的答案要求jQuery。但假設他可以編輯HTML，目標屬性將是「最佳」解決方案。 – Leeish 2014-09-23 15:13:54

謝謝你這也會工作。有一個更大的JQuery函數與我想添加功能的頁面一起運行。 +1 – Denoteone 2014-09-23 15:16:21

@Denoteone，正如Leeish指出的那樣，如果你可以編輯HTML，這是最好的解決方案，因爲它不需要任何Javascript代碼，這使得它易於使用並且易於訪問。 – ncardeli 2014-09-23 15:18:14

當在同一頁面上單擊鏈接時，是否可以使用JQuery將url加載到iframe中？

回答

相關問題