当代码正确时,为什么这个JavaScript函数不起作用?

时间:2018-04-18 16:06:09

标签: javascript

这段代码写得很好,应该有效,但事实并非如此。当我遇到这个问题时,我正打算制作我页面的基础知识。

脚本src命令也是正确的。

有没有人知道它为什么不起作用?



function continue(){
	var CM=document.getElementById("intro2");
	if(CM.style.display=="block"){
		CM.style.display="none";
	}
	else{
		CM.style.display="block";
	}
}

#intro2{
	display:none;
	text-align:center;
	color:black;
	position:absolute;
	left:32%;
	bottom:10%;
	width:40%;
	height:35%;
	border:none;
}

<button onclick="continue()" id="continue">Continue</button>

<div id="intro2">
<p><h1>text text text text</h1></p>
<a href="Page.html">Get started</a>
<img src="https://yt3.ggpht.com/a-/AJLlDp1pvZTkG1K-QcKZg_Fd1eUNu-e4GKXCJOLoHA=s900-mo-c-c0xffffffff-rj-k-no"/>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

由于continue是JavaScript中的保留关键字,因此无法将您的函数命名为。

相反,请使用不同的名称:

function doContinue() {
    var CM = document.getElementById("intro2");
    CM.style.display = (CM.style.display === 'block' ? 'none' : 'block');
}
#intro2 {
	display: none;
	text-align: center;
	color: black;
	position: absolute;
	left: 32%;
	bottom: 10%;
	width: 40%;
	height: 35%;
	border: none;
}
<button onclick="doContinue()" id="continue">Continue</button>

<div id="intro2">
  <p><h1>text text text text</h1></p>
  <a href="Page.html">Get started</a>
  <img src="https://placekitten.com/200/300"/>
</div>