通过.js文件处理html页面

Question

我已成功调用以下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文件。

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

Answer 1

在HTML文件中，您需要在标题中链接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文档

通过.js文件处理html页面

问题描述

1 个解决方案

解决方案1
1 2013-10-08 12:57:01

通过.js文件处理html页面

问题描述

1 个解决方案

解决方案1 1 2013-10-08 12:57:01

解决方案1
1 2013-10-08 12:57:01