在使用POST方法提交表单后,我有使用JavaScript更改HTML文档中内容的麻烦。我需要将HTML文档中的div的颜色更改为黄色,我已经完成了该操作,但问题在于,当它更改为黄色后,HTML网站会在导航器中刷新,然后恢复正常(白色)。它闪烁黄色,然后再次变成白色。如何在POST方法后使用javascript更改HTML内容
这里是我的HTML代码:
<form action="" method="post" onSubmit="return changeColor()">
.
.
.
<div id="divColor">
.
.
这是我的JavaScript代码来改变DIV颜色:
function changeColor()
{
var div = document.getElementById("courselist");
div.style.backgroundColor='yellow';
}
我需要做的是这种方式,因为是任务的一部分,所以我不能用CSS改变颜色,到目前为止我们只能使用HTML和JavaScript。这不是整个任务,以防有人认为我想作弊,这是我被困住的部分。在导航器在POST方法刷新了HTML网站之后,我不能让div保持黄色。
谢谢!
使用cookie保存div的颜色并在页面加载时设置它 – Musa 2012-07-26 05:34:52
通常会有一些服务器端代码知道它是初始页面请求还是提交(没有某种服务器端处理表单提交是毫无意义的)。假设你必须这样做,所有客户端的Musa的建议都可以工作,或者一个对初学者来说可能更简单的方法是在查询字符串中添加一些内容。 – nnnnnn 2012-07-26 05:44:54
@Carlos Vargas,为什么你需要在发布表单之前改变'div#courselist'的颜色(以及结果是重新加载页面)?我不明白。无论如何,你可以这样做:1)不要用'onsubmit'事件提交表单(简单地从'changeColor()'返回'false'); 2)在服务器端改变'div#courselist'的颜色:在'changeColor()'内改变为html格式,将' 2012-07-26 06:16:00