gpt4 book ai didi

javascript - 通过.js文件操作html页面

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

我已成功调用以下 JavaScript 代码来使用参数填充图像和描述。图像和描述位于标签中,称为 imagePlaceHolder 和descriptionPlaceHolder。正如我所说,这非常有效。

function changeImage(imgName,descriptiveText)
{
image = document.getElementById('imagePlaceHolder');
image.src = imgName;

text = document.getElementById('descriptionPlaceHolder');
PlaceHolder.innerHTML=descriptiveText;
}

我现在需要的是将 javascript 放在自己的文件中,并使用 <script src="xxxx.js"></script> 从 HTML 页面调用它。

问题在于 <div> 中的对象不被识别。我需要修改该行

document.getElementById('imagePlaceHolder');

指向包含要操作的对象的 HTML 文件。

有人可以告诉我正确的语法吗?

最佳答案

在 HTML 文件中,您需要在 header 中链接 javascript 文件

例如

<head>
<script src="/scripts/yourjavascript.js" type="text/javascript"></script>
</head>

然后在 javascript 文件顶部执行 onload 函数

    window.onload = function(){
changeImage("imgName", "descriptiveText");
}

function changeImage(imgName,descriptiveText)
{
image = document.getElementById('imagePlaceHolder');
image.src = imgName;

text = document.getElementById('descriptionPlaceHolder');
text.innerHTML=descriptiveText;
}

任何使用 document 的 javascript 都应该引用 html 文档

关于javascript - 通过.js文件操作html页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19248170/

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