gpt4 book ai didi

javascript - 尝试更改颜色/字体时文本闪烁

转载 作者:行者123 更新时间:2023-11-28 11:28:05 25 4
gpt4 key购买 nike

我是网页设计新手,在 HTML 上使用 JavaScript 时遇到了一些问题。你看我有这段代码:

<!DOCTYPE html>
<html>
<head>
<script src="Cod_JS.js"> </script>
<link href='Cod_Css.css' type=text/css rel=stylesheet>
</head>
<body>
<div>
<p id="un" class="uno">Esta es una prueba</p>
</div>
<br>
<form>
Color: <input type="text" name="color"> <br>
Fuente: <input type="text" name="fuente"><br>
<input type="submit" value="Enviar" onclick="funcion1(color,fuente)" >
</form>
</body>
</html>

这是我的 JS 代码:

function funcion1(x,y)
{
var a=x.value;
var b=y.value;
if (a=="Rojo" && b=="Arial" )
{
var prueba=document.getElementById("un").className="dos";
}
else if (a=="Rojo" && b=="Calibri")
{
var prueba=document.getElementById("un").className="tres";
}
else if (a=="Verde" && b=="Arial")
{
var prueba=document.getElementById("un").className="cuatro";
}
else if (a=="Verde" && b=="Calibri")
{
var prueba=document.getElementById("un").className="cinco";
}
}

基本上它所做的是我在输入字段上写了一种颜色和一种字体,当我单击提交时,JS 将更改 <p> 的类。然后我的 CSS 将识别它并用新的颜色/字体重新绘制它。但是它不会改变它超过 1 秒。它闪烁并恢复正常。我知道这不是最好的方法,但自从我第一次使用 JS 以来,我正在尽我所能哈哈。

有人知道为什么会这样吗?

提前致谢!

最佳答案

您在提交输入的 onclick 中调用您的 javascript。名为“提交”表单的提交,然后重新加载页面。

可以替换

<input type="submit" value="Enviar" onclick="funcion1(color,fuente)" >

通过

<button onclick="funcion1(color,fuente)">Enviar</button>

关于javascript - 尝试更改颜色/字体时文本闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21273479/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com