中的iFrame添加URL的一部分使用JavaScript

Question

我想URL的最後一部分中的iframe 添加假設我的網址是http://myweb.com/123456/

我想在iframe中添加123456喜歡

<iframe src ="http://myweb.com/demo.html?user=123456"></iframe>

請幫助，提前致謝

Answer 1

這裏的解決方案。純粹使用JavaScript沒有jQuery。

步驟：

• 提取url的最後一部分。
• 使用它的id
• 獲取的iframe
• src屬性的當前值附加網址的提取最後一部分串聯到src
• 更新屬性值的電流值獲取iframe元素

---

var url = "http://example.com/12345"; 
 
var lastPart = url.split('/').pop(); 
 

 
console.log("Last part of url: " + lastPart); 
 

 
var myIframe = document.getElementById('myIframe'); 
 
var iframeSrc = myIframe.getAttribute("src"); 
 

 
console.log("Initial src value: " + myIframe.getAttribute("src")); 
 

 
myIframe.setAttribute("src", iframeSrc + lastPart); 
 

 
console.log("src after appending: " + myIframe.getAttribute("src"));

<iframe id="myIframe" src ="https://example.com?user="></iframe>

Answer 2

您可以將以下任何值添加到src末尾（注意這是jQuery，所以這可能不是你所感興趣的東西）：

var value = "123456"; 
 
$('iframe').attr('src', $('iframe').attr('src') + value); 
 
document.write("New URL: " + $('iframe').attr('src'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<iframe src ="http://myweb.com/demo.html?user="></iframe>