我创建了一个母版页,并为它添加了一个按钮,并为按钮添加了一些js代码,但是当我单击按钮时,它会重新加载页面,因为js文件停止工作。 按钮代码为:
<button id="database" onclick="myFunction()" style="background-color:transparent; color: #FFFFFF; border:none;"">
<img class="image" id="database_" src="images/database.png" style="width: 81px" /><br />
DataBase</button>
Js代码是:
function myFunction() {
$("#database_").removeClass("image");
}
图片代码是:
.image{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
所以任何人都可以帮助停止页面刷新和js代码运行
答案 0 :(得分:3)
您必须设置按钮类型,如下所示:
<button type="button" id="database" onclick="myFunction()" style="background-color:transparent; color: #FFFFFF; border:none;"">
<img class="image" id="database_" src="images/database.png" style="width: 81px" /><br />
DataBase</button>
默认情况下,是提交,单击时提交表单。