javascript - 外部文件中的 JS 函数无法识别

Question

这是在 IE7 中。这是一个公司设置，所以不使用 IE7 不是一个选择。我被困住了。

我有一个表单中的文本区域:

<textarea name="details" id="details" cols="80" rows="20" onfocus="detailsPrompt('focus')">Enter New Details Here</textarea>

html 部分有一个 javascript 文件调用:

<script type="text/javascript" src="askopss.js"></script>

该 javascript 文件中有以下函数:

function detailsPrompt(taken) {
if ((taken === 'focus') && (document.getElementById('details').value==='Enter New Details Here')) {
document.getElementById('details').value='';
}
}

当我单击文本区域时，我希望该值被清除。除此之外，没有任何反应，并且出现此错误:

Line: 196 Char: 1 Error: Object expected Code: 0

第 196 行对应于带有标签的 HTML 行

我遇到了另一个被称为“onload”的函数的问题，我通过将该函数移动到另一个 .js 文件，然后在文档末尾的其自己的标记中调用该 js 文件来解决该问题。然而，这不是一个适用于 onclick 事件的解决方案。

知道问题出在哪里吗？

编辑:包含以下建议，但仍然不起作用。

Answer 1

这一行:

detailsPrompt(taken) {

应该阅读:

function detailsPrompt(taken) {

同时:

document.getElementById('details').value

找不到您的文本区域，因为文本区域没有 ID。

为文本区域指定一个 id 属性，其值为 details

也就是说，使用 <label> 的替代默认值是一个令人讨厌的黑客行为，具有严重的可访问性影响。