Javascript 为什么不是';我的功能不能使用此按钮元素吗?
我的按钮元素似乎没有任何效果。在这里,我有不止一个函数要测试它是否给出了警报窗口——它们不工作,但似乎编写正确。我将提供2个要么不工作的函数代码,要么以html按钮元素为目标来帮助检查代码。我已经使用javascript一个月了,所以如果这里的错误被证明是一个愚蠢的错误,我会提前道歉 HTML按钮元素:Javascript 为什么不是';我的功能不能使用此按钮元素吗?,javascript,jquery,Javascript,Jquery,我的按钮元素似乎没有任何效果。在这里,我有不止一个函数要测试它是否给出了警报窗口——它们不工作,但似乎编写正确。我将提供2个要么不工作的函数代码,要么以html按钮元素为目标来帮助检查代码。我已经使用javascript一个月了,所以如果这里的错误被证明是一个愚蠢的错误,我会提前道歉 HTML按钮元素: <form input='text' action="" method="post" name="entry" class="journalentry" id='form'>
<form input='text' action="" method="post" name="entry" class="journalentry" id='form'>
<textarea name='entrybody' rows='12' cols='90' placeholder="Anything you want to write about the day you are thinking of." class="journalentry"></textarea
<button type='submit' onclick= "test()" id='submitid' class='submitbutton'>Submit</button>
</form>
函数#2(注释掉函数#1并写出此代码。仍然不起作用):
函数未触发,这意味着您在编码中犯了一些错误(语法错误)。
尝试更正以下问题:-
1.将这一行
document.getElementById(“submitbutton”).addEventListener(“单击”,测试();
替换为这一行document.getElementById(“submitbutton”).addEventListener(“单击,测试());
2.移动此行
document.getElementById(“submitbutton”).addEventListener(“单击”,测试())
;
在关闭标记之前(在末尾)。
如何调试javascript程序?
您可以通过右键单击主窗口屏幕->将出现一个下拉菜单选择检查元素选项将出现一个窗口->单击选项卡上的控制台来轻松调试它。在这里,您可以看到您的javascript错误以红色突出显示。函数未触发,这意味着您在编码中犯了一些错误(语法错误)。
尝试更正以下问题:-
1.将这一行document.getElementById(“submitbutton”).addEventListener(“单击”,测试();
替换为这一行document.getElementById(“submitbutton”).addEventListener(“单击,测试());
2.移动此行document.getElementById(“submitbutton”).addEventListener(“单击”,测试())
;
在关闭标记之前(在末尾)。
如何调试javascript程序?
通过右键单击主窗口屏幕->将出现一个下拉菜单选择检查元素选项将出现一个窗口->单击选项卡上的控制台,您可以轻松调试它。在这里,您可以看到您的javascript错误以红色突出显示。您在文档中缺少了一个)
。getElementById(“submitbutton”)。addEventListener(“单击”,测试()
有时打开控制台并读取错误确实很有帮助。document.getElementById(“submitbutton”).addEventListener(“单击”,测试());在文档中缺少)
。getElementById(“submitbutton”).addEventListener(“单击”,测试())
有时打开控制台并读取错误确实会有帮助。document.getElementById(“submitbutton”).addEventListener(“click”,test());
var submitelement = document.createElement('BUTTON');
var submittextnode = document.createTextNode("SUBMIT ME");
submitelement.appendChild(submittextnode);
document.body.appendChild(submitelement);
var submitattr = document.createAttribute("id");
submitAttr.value = "submitbutton";
submitelement.setAttributeNode("submitAttr");
submitelement.addEventListener('click', function() {
alert('88888');
})
document.getElementById("submitbutton").addEventListener("click", test();
function test () {
var url = 'http://news.google.com';
var method = "GET";
var httpObj = new XMLHttpRequest();
httpObj.open(method, url, 'true');
httpObj.addEventListener("readystatechange", processRequest, false);
}
function processRequest (e) {
if (httpObj.readyState == 4 && httpObj.status == 200)) {
// time to partay!!!
var response = httpObj.responseText;
alert(response);
}
}