通过.js文件操作html页面

时间:2013-10-08 12:48:27

标签: javascript html

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

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

1 个答案:

答案 0 :(得分:1)

在HTML文件中,您需要链接标题中的javascript文件

E.g。

<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文档