Html从Iframe Javascript获取Src Id

时间:2015-10-09 02:42:19

标签: javascript jquery html iframe

想要找到如何根据带有iframe的url在控制台中仅将数字定义为数字“1214693”,我尝试过“文档”。但我几乎从不使用HTML或JavaScript,所以我真的不确定如何去做。

<iframe src="/build/upload?groupId=1214693" id="upload-iframe" frameBorder="0" scrolling="no" style="width:100%; height:175px; margin-left:10px"></iframe>

2 个答案:

答案 0 :(得分:1)

它位于window对象中,而不是document

在iframe .html中使用此代码:

console.log(window.location.href)

,它将记录URL。

然后,将URL标记化并提取数据是一件简单的事情:

// thanks to http://stackoverflow.com/questions/11582512/how-to-get-url-parameters-with-javascript/11582513#11582513    
function getURLParameter(name) {
  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
}
if (window.console) {
  var idParam = getURLParameter('id');
  console.log(idParam);
}

答案 1 :(得分:0)

不确定这是否是您正在寻找的内容,但如果您希望更改网址并将ID设置为参数化,那么您将要执行以下操作:

<script type="text/javascript">
var id = 1214693;
$(document).ready(function() {
$('#iframe').attr('src', '/build/upload?groupId=' + id);
})
</script>