gpt4 book ai didi

javascript - 如何更改函数中全局变量的值?

转载 作者:行者123 更新时间:2023-11-28 19:12:22 24 4
gpt4 key购买 nike

当我单击应该更改值的按钮时,出现什么问题?

<html>
<head>
<script type="text/javascript">
var x = 45;
var j = " I love pancakes";
</script>
</head>
<body>
<button type="button" onclick="f1();">Click me to change number</button>
<button type="button" onclick="f2();">Click me to change sentence</button>
<center>
<script type="text/javascript">
function f1()
{
if (x == 45)
{
x = 32;
}
}
function f2()
{
if (j == " I like pancakes")
{
j = " I don't like pancakes";
}
}

document.write(x);
document.write(j);
</script>
</center>
</body>
</html>

最佳答案

您可以按照原来的方式更改这些变量的值。但是,document.write 不会自动重新运行。即使变量已更新,您在页面上看到的文本也不会更改。

当事件处理程序运行时,尝试使用 DOM 修改页面的内容。

<html>
<head>
<script type="text/javascript">
var x = 45;
var j = " I love pancakes";
</script>
</head>
<body>
<button type="button" onclick="f1();">Click me to change number</button>
<button type="button" onclick="f2();">Click me to change sentence</button>
<center>
<script type="text/javascript">
function update()
{
document.getElementById('output').innerHTML = x + j;
}
function f1()
{
if (x == 45)
{
x = 32;
}
update();
}
function f2()
{
if (j == " I like pancakes")
{
j = " I don't like pancakes";
}
update();
}

document.write('<span id="output">');
document.write(x);
document.write(j);
document.write('</span>');
</script>
</center>
</body>
</html>

关于javascript - 如何更改函数中全局变量的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30539625/

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