打开Javascript onbutton按/链接到iframe

时间:2016-02-08 20:01:27

标签: javascript jquery iframe

我的代码打开一个随机链接,而不是在新页面中打开链接,我希望它在Iframe中打开,这是可能的。

<button onclick="randomLink()" target="iframe_a";>Click here to go somewhere else!</button>

var randomLink = function () {


    var links = [
        "bing.com",
        "google.com"
    ];



    var max = (links.length)


    var randomNumber = Math.floor(Math.random()*max);


    var link = links[randomNumber];


    window.location = "http://" + link ;
}
</script>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

1 个答案:

答案 0 :(得分:0)

只需更改iframe的src属性,将window.location = "http://" + link ;行替换为以下内容:

document.getElementById('iframe_a').setAttribute('src', "https://" + link);

或者如果你想使用jQuery:

$('iframe').attr('src', "https://" + link);

就像@DinoMyte评论一样。

javascript代码如下所示:

var randomLink = function () {


    var links = [
        "bing.com",
        "google.com"
    ]; 

    var max = (links.length);

    var randomNumber = Math.floor(Math.random()*max);

    var link = links[randomNumber];

    document.getElementById('iframe_a').setAttribute('src', "https://" + link);

};

完整的示例如下:https://jsbin.com/cuzehu/1/edit?html,js,output