在jQuery中更改框架位置

时间:2013-06-19 07:25:21

标签: javascript jquery

我正在尝试遍历一组网址来设置框架的位置。到目前为止我所拥有的是this fiddle

var l = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
         '10', '11', '12', '13', '14', '15', '16', '17', '18', '19',
         '20', '21', '22', '23', '24', '25', '26', '27', '28', '29'];

$(document).ready(function () { // Wait until body is ready to be manipulated
    l.forEach(function (query) { // iterate through l
        $('#g').on('load', function () { // Wait until #g is loaded
            $('#g').attr('location', 'http://www.bing.com/search?q=' + query); // goto Bing search
        });
    });
});

但是,当我去运行它时,“结果”窗格中没有任何反应。我做错了什么?

3 个答案:

答案 0 :(得分:2)

尝试这样的事情:

$(document).ready(function () {
    var $ifr = $('#g');
    function load() {
        if (l.length) {
            $ifr.one('load', load);
            $ifr[0].src = 'http://www.bing.com/search?q=' + l.shift();
        }
    }
    load();
});

我认为您应该更改iframe的src属性,而不是location

答案 1 :(得分:1)

你有id-frame的框架。将Id更改为其他内容。你是说iframe吗?使用contentWindow而不是window。 fiddle

$('#myframe')[0].contentWindow.location = 
                       'http://www.bing.com/search?q=' + query;

答案 2 :(得分:1)

你必须为此使用iframe(或Object-Tag

这个怎么样?

$(function(){
  var l = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
  '10', '11', '12', '13', '14', '15', '16', '17', '18', '19',
  '20', '21', '22', '23', '24', '25', '26', '27', '28', '29'],
  idx = 0;


(function(){
    if(idx < l.length){
        $('#frame').attr("src",'http://www.bing.com/search?q='+l[idx]) ;
        idx++;
        setTimeout(arguments.callee,5000);
    }    

}())

})