Javascript按鈕單擊不起作用

我有一個腳本設置，以便我可以在網站上嵌入各種Facebook帖子。想法是，它會隨機加載一個帖子，然後點擊按鈕加載另一個帖子。當我點擊按鈕時，上一篇文章消失了，但是我所要求的新文章沒有出現。Javascript按鈕單擊不起作用

任何人都可以擺脫任何光線？

使用Javascript：

var comps = new Array(); 

comps[0] = "\"https://www.facebook.com/permalink.php?story_fbid=10151746360309352&amp;id=9212109351\""; 

comps[1] = "\"https://www.facebook.com/photo.php?fbid=10202149995929199&amp;set=a.3217789641447.156870.1167545588&amp;type=1\""; 

var firstLine = "<div id=\"fb-root\"></div>"; 

var secondLine = "<div class=\"fb-post\" data-href="; 

var thirdLine = " data-width=\"550\"></div>"; 

var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine; 

window.onload=function(){ 

document.getElementById('compsContainer').innerHTML = randomComp; 
} 

function changeComp(){ 

document.getElementById('compsContainer').innerHTML = randomComp; 
}

HTML：

<div id="compsContainer"> 



    </div> 

    <input type='button' onclick='changeComp()' value='Change Comp'/>

來源

2013-11-01 Gavin McBride

變化點擊數= '' 到的onclick = 'JavaScript的：changeComp（）'？

好的，我誤解了你的問題。

試試這個：

function newFunction(){ 
    var comps = new Array(); 

    comps[0] = "\"https://www.facebook.com/permalink.php?story_fbid=10151746360309352&amp;id=9212109351\""; 

    comps[1] = "\"https://www.facebook.com/photo.php?fbid=10202149995929199&amp;set=a.3217789641447.156870.1167545588&amp;type=1\""; 

    var firstLine = "<div id=\"fb-root\"></div>"; 

    var secondLine = "<div class=\"fb-post\" data-href="; 

    var thirdLine = " data-width=\"550\"></div>"; 

    var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine; 

    return randomComp; 

} 

window.onload=function(){ 

    document.getElementById('compsContainer').innerHTML = newFunction(); 
} 




function changeComp(){ 



document.getElementById('compsContainer').innerHTML = newFunction(); 
}

當你調用changeComp

，它不運行：

var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine;

所以randomComp將是空的。

（已更新）

來源

2013-11-01 20:40:40 SCV

這看起來應該可以工作，但是當我點擊按鈕時，當前的帖子消失了，但是新的沒有被調用。 –

我認爲在原始代碼中，當前帖子消失了，因爲randomComp是空的。你想要生成另一個randomComp並分配給HTML div，對嗎？可以alert（newFunction（））或console.log（newFunction（））來檢查randomComp是否仍爲空？ – SCV

如果在html頁面中沒有任何其他按鈕。試試這個，它會起作用。

<input type='submit' onsubmit='changeComp()' value='Change Comp' />

來源

2013-11-01 20:45:37 sapan

Javascript按鈕單擊不起作用

回答

相關問題