由于某种原因未调用JavaScript函数_Javascript_Function

由于某种原因未调用JavaScript函数

javascript function

由于某种原因未调用JavaScript函数,javascript,function,Javascript,Function,我不明白为什么它没有进入功能。起初，我认为它可能是因为innerHTML的东西而挂断了，但这不可能，因为它甚至没有进入函数。我知道是下面的代码出了问题，而不是iframe源代码中的页面，因为它们工作得很好，问题正在发生 <html> <head> <script> function setFrameContent(num){ window.alert("Ow!"); if (num == 1) { document.getElementById("

我不明白为什么它没有进入功能。起初，我认为它可能是因为innerHTML的东西而挂断了，但这不可能，因为它甚至没有进入函数。我知道是下面的代码出了问题，而不是iframe源代码中的页面，因为它们工作得很好，问题正在发生

<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>

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>";