-1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style  type="text/css">
div.main1{
background-color:#EEE;
border: 2px dotted;
padding: 5px;
}
div.sub{
background-color:#DDD;
border: 1px dashed;
padding: 3px;
width:50%;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
function showOptions(box){
box.childNodes[0].style.visibilty = "visible";
box.childNodes[1].style.visibilty = "visible";
}

function hideOptions(box){
box.childNodes[0].style.visibilty = "hidden";
box.childNodes[1].style.visibilty = "hidden";
}
</script>
<center>

<div class="main1">
<div class="sub" onmouseover="showOptions(this);" onmouseout="hideOptions(this);"><input />               
</div>

</center>
</body>
</html>

以上是我正在使用的代码示例，我正在使用 Dreamweaver ...我担心的是，当我在 showOptions(box) 方法中的“box”之后按 Ctrl + Space 时，我看不到任何 DOM 对象选项，如果我没有任何意义，我深表歉意，因为我对 HTML + Javascript 很陌生，基本上我想做的是检查给定参数是否为 HTML 元素的函数，如果是，允许我访问它的方法，例如作为“childNodes”或“setAttribute()”等等..

这可能吗？

4

2 回答 2

2

您所描述的称为 Intellisense/代码提示。据我了解，Dreamweaver 在这方面做得不是很好。

您是否考虑过使用其他编辑器？如果您主要使用 .Net 以外的代码，那么可能是Komodo Edit 之类的东西。

如果您要走 .Net 路线，那么当然有Visual Studio Express，它在 Intellisense/代码提示方面做得更好

编辑

此外，您正试图查看方法本身的智能感知——这不是本意。它旨在从其他地方查看该方法。因此，理想情况下，您可以使用 CTRL+空格，如下所示：

    onmouseover="showOptions(this);"
    -------------------------^Here

另一个编辑

另外，看看你的代码，它不会工作..

您正在引用一个不存在的孩子：

box.childNodes[1].style.visibilty = "hidden";

childNodes 从零开始[0]，input. [1]没什么。

最后

我可以建议你安装Firefox和 Firebug。Firebug将帮助您调试所有的 javascript。它可以很好地告诉您问题出在哪里/在哪里。

于 2012-11-16T20:28:24.997 回答
0

您可以使用 JSDOC 提供有关类型的 IDE 提示

/**
 * @param {HTMLElement} box
 */
function showOptions(box){

}

许多 IDE 能够读取该信息并为 HTMLElement 提供正确的方法。但是，我还没有看到一个足够聪明的人知道如果您在之后按 ctrl+space 会提出什么建议box.childNodes[i]

于 2012-11-16T20:34:41.817 回答