使用JavaScript更改div样式，无需重新加载页面

-1

我试图通过使用JavaScript更改div的背景颜色，但未应用更改，因为当我按下按钮时，浏览器为页面重新加载并恢复为默认设置没有改变。使用JavaScript更改div样式，无需重新加载页面

如何在没有页面重新加载或应用更改的情况下更改div的背景颜色？

来源

2015-06-19 Mohammad Diab

这是可能的，你只需要先给出标记 –

如果你没有发布它，没有人可以告诉你你的代码有什么问题。 – Gary

听起来像是浏览器问题。如果您使用Chrome，请使用隐身模式。这会每次清除缓存。 – FirebladeDan

下面是使用jQuery一些代码，更改背景不重装：

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Changing DIV Background Color</title> 
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
    <style> 
    #changing_background { 
    background-color: red; 
    min-height: 200px; 
    } 
    </style> 
</head> 
<body> 

<div id="changing_background"></div> 

<button id="change_background">Click Me</button> 

<script> 
    $("#change_background").click(function(e){ 
    $("#changing_background").css("background-color", "blue"); 
    }); 
</script> 

</body> 
</html>

来源

2015-06-19 21:57:49 rphv

页面重新加载是因为您的按钮位于表单内，当您单击它时 - 您提交表单。

里面的onclick功能，你需要防止默认动作，刚刚结束与：

return false;

如果你问为什么：submit是默认的按钮类型：

按钮类型：

提交：按钮提交表单数据到服务器。 如果未指定属性，或者如果属性为动态更改为空值或无效值，则这是默认值。

重置：该按钮将所有控件重置为其初始值。

button：该按钮没有默认行为。它可以有客户端脚本与元素的事件关联，当事件发生时触发该事件。

使用JavaScript更改div样式，无需重新加载页面

回答

相关问题