2015-10-16 72 views
-4

我很困惑,为什么它没有进入函数。起初,我认为这可能是因为innerHTML的东西而挂起来的,但那不可能,因为它甚至没有进入功能。我知道这是下面的代码有问题,而不是iframe源代码中的页面,因为它们工作得很好,问题正在发生。由于某种原因没有调用JavaScript函数

<html> 
<head> 
<script> 
function setFrameContent(num){ 



window.alert("Ow!"); 

if (num == 1) 
{ 

document.getElementById("div1").innerHTML = " 
<iframe src='./cosTweets1.html' style='width: 1000px; height: 190px;'></iframe>"; 


} 

else if (num == 2) 
{ 

document.getElementById("div1").innerHTML = " 
<iframe src='./cosTweets2.html' style='width: 1000px; height: 190px;'></iframe>"; 

} 


} 
</script> 
</head> 
<body> 




<div style="border: 1px solid black; width: 1000px; background-color: blue;"> 
<button id="b1" value="1" style="width: 90px;" onclick="setFrameContent(1)"> 1</button> 
<button id="b2" value="2" style="width: 90px;" onclick="setFrameContent(2)"> 2</button> 
<button id="b3" value="3" style="width: 90px;"> 3</button> 
<button id="b4" value="4" style="width: 90px;"> 4</button> 
<button id="b5" value="5" style="width: 90px;"> 5</button> 
<button id="b6" value="6" style="width: 90px;"> 6</button> 
<button id="b7" value="7" style="width: 90px;"> 7</button> 
<button id="b8" value="8" style="width: 90px;"> 8</button> 
<button id="b9" value="9" style="width: 90px;"> 9</button> 
<button id="b10" value="10" style="width: 90px;"> 10</button> 

</div> 

<div id="div1" style="border: 1px solid black; width: 1000px;"> 

<iframe src="./cosTweets1.html" style="width: 1000px; height: 190px;"></iframe> 

</div> 



</body> 
</html> 

奇怪的是,这个其他代码下面我工作,为另一件事,没有工作,所以也不能说我刚过了一个数字,导致该问题。

<html> 
<head><title> SPRBC Events Demo </title> 

<style> 

p { font-size: 2.5em;} 
</style> 
<script> 

var array = ["Bla bla bla", "Yak yak yak", "Mongoose", "We need more funds!"]; 


function changeText(index) 
{ 

document.getElementById("p1").innerHTML = 

array[index]; 

} 


</script> 
</head> 
<body> 

<p id="p1" > So frustrating! </p> 

<a href="#" onclick="changeText(0)">Click</a> 
<a href="#" onclick="changeText(1)">Click</a> 
<a href="#" onclick="changeText(2)">Click</a> 
<a href="#" onclick="changeText(3)">Click</a> 
</body> 
</html> 
+1

你应该把小提琴。 – csmckelvey

+1

我同意takendarkk。你必须至少为它做一个小提琴。 – Jason

+1

什么是应该工作,如何,但不是?我在这里看不到代码,我没有明白你的观点。 – Lucio

回答

4

JavaScript中的字符串不能多于一行,但数组可以。这就是为什么你的第一个代码示例不起作用,而你的第二个代码示例不行

使用

document.getElementById("div1").innerHTML = "<iframe src='./cosTweets1.html' style='width: 1000px; height: 190px;'></iframe>"; 

document.getElementById("div1").innerHTML = "<iframe src='./cosTweets2.html' style='width: 1000px; height: 190px;'></iframe>"; 
相关问题