javascript按id选择iframe

时间:2015-09-23 06:21:04

标签: javascript iframe jquery-selectors selector

这不是不可能的,但我已经花了很长时间在这里寻找答案并尝试组合。

我有多个由代码生成的iframe,每个iframe都有一个唯一的ID。我希望能够通过按钮或双击来停止某些iframe。

<iframe id='kwjef' src='kwjef.html'
   onClick="stop_iframe($(this).attr('id'));" />
<iframe id='wefhj' src='wefhj.html' 
   onClick="stop_iframe($(this).attr('id'));" />
<iframe id='yhvem' src='yhvem.html' 
   onClick="stop_iframe($(this).attr('id'));" />

function stop_iframe(id) {
  window.frames[0].stop(); /* works to stop first iframe */
  window.frames[1].stop(); /* works to stop second iframe */
  window.getElementById(id).stop(); /* throws error */
  $('iframe#'+id).stop(); /* throws error */
}

如何通过id正确选择iframe,以便我可以调用stop()?

编辑(thnxz Vicky Gonsalves):

function stop_iframe(id) {
  document.getElementById(id).src="#";
}

这可以空白iframe但不能实际停止请求,window.frames [0] .stop();确实停止了请求(例如浏览器中的停止按钮)。

1 个答案:

答案 0 :(得分:2)

不要试图停止,只需使用#empty网址替换iframe的src:

function stop_iframe(id) {
  document.getElementById(id).src="#";
}