gpt4 book ai didi

javascript - 为什么我不能在 html 元素中访问我的函数

转载 作者:太空宇宙 更新时间:2023-11-04 13:30:19 24 4
gpt4 key购买 nike

<分区>

这应该非常简单,尝试编写一个函数,在单击按钮时将更改 html 元素的文本值。使用 Chrome 时,问题是我不断点击 translate is not a function,似乎我无法访问我的功能,但是,在其他浏览器上,它按预期工作。为什么?

<html lang="en">

<head>
<title>The HTML5 Herald</title>
<meta charset="utf-8">
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<style src="./src/moshestyles.css"></style>
</head>

<body>
<h1 id="title"></h1>
<button onclick="translate('english')"> English </button>
<button> Hebrew </button>
<button> Spanish </button>
<script>
function translate(language) {
let myTitle = document.getElementById("title")
if (language === "english") {
myTitle.innerHTML = "Hello Welcome to Blanks App"
}
if (language === "hebrew") {
myTitle.innerHTML = "שלום הגעתם לאפליקציה של פלוני"
}
if (language === "spanish") {
myTitle.innerHTML = "Hola, bienvenidos a la aplicación Blank"
}
}
</script>
</body>

</html>

编辑

原来像这里的人指出“translate”是保留的,所以重命名为translateBlurg。尽管不幸的是,即使在尝试在全局窗口对象上设置函数后,这仍然在codesandbox上不起作用window.translateBlurg = translateBlurg我收到错误translateBlurg。问题here是相似的,尽管我也没有看到关于为什么会出现这种情况的实际解释。

第二次编辑

我可以通过在窗口 window.translateBlurg = translateBlurg 中声明它来在 codesandbox 中运行该函数,如果该函数仅在单独的文件中时才位于脚本标记中,则此方法不起作用。

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