使用javascript在iframe中添加部分网址

时间:2017-02-26 05:49:03

标签: javascript iframe

我想在iframe中添加url的最后一部分 假设我的网址为http://myweb.com/123456/

我想在iframe中添加123456,如

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

请提供帮助,提前致谢

2 个答案:

答案 0 :(得分:1)

这里的解决方案。纯粹使用JavaScript而不是jQuery。

<强>步骤:

  • 提取url的最后一部分。
  • 使用iframe
  • 获取id元素
  • 获取src
  • iframe属性的当前值
  • 将提取的url的最后一部分连接到当前值src
  • 更新属性值

&#13;
&#13;
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"));
&#13;
<iframe id="myIframe" src ="https://example.com?user="></iframe>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以在以下内容中添加您可能需要的任何值到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>