Question

我有一个问题，为什么我的Javascript在纯html上运行正确 - localhost，但是当jsfiddle中包含代码时 - 停止工作，为什么？怎么了？请帮帮我。

<HTML>
<head>
</head>
<BODY>
<script type="text/javascript">
function CheckContact(val){
 var element=document.getElementById('email');
 if(val=='email')
   element.style.display='block';
 else
   element.style.display='none';

 var element=document.getElementById('sms');
 if(val=='sms')
   element.style.display='block';
 else
   element.style.display='none';
}
</script>
<select name="contactinfo" id="contactinfo" onchange="CheckContact(this.value);">
  <option>Select Contact Option</option>
  <option value="email" class="email">Email</option>
  <option value="sms"class="email">Text (SMS)</option>
</select><br />
<select>
<option> - </option>
<option id="email" style="display: none;">Enter Email: </option>
<option id="sms" style="display: none;">Enter Cell Number: </option>
</select>
</body>
</html>

我有一个问题，为什么在wordpress页面中包含此代码时 - javascript停止工作？

Answer 1

jsfiddle允许您在左侧的下拉列表中选择将javascript代码放在页面的哪个位置。将其从onLoad更改为NoWrap - in <head>，以便在全球范围内访问您的功能。

Answer 2

只需将您的小提琴改为no-wrap in <head>即可。它在Chrome中适用于我。

Answer 3

嗯，如果您使用'{}'

，会有所帮助

'function CheckContact(val){
 var element=document.getElementById('email');
 if(val=='email') {
    element.style.display='block';
 }
 else {
    element.style.display='none';
 }
 var element=document.getElementById('sms');
 if(val=='sms') {
    element.style.display='block';
 }
 else {
    element.style.display='none';
 }
 console.log ("test");
}'

像上面的示例一样调用一些console.log调用，直到我添加“{}”它甚至在普通浏览器中都不起作用。

为什么Javascript停止工作？

3 个答案: