由于某种原因没有调用JavaScript函数
问题描述:
我很困惑,为什么它没有进入函数。起初,我认为这可能是因为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>
答
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>";
你应该把小提琴。 – csmckelvey
我同意takendarkk。你必须至少为它做一个小提琴。 – Jason
什么是应该工作,如何,但不是?我在这里看不到代码,我没有明白你的观点。 – Lucio