0

我最近在我的页面中添加了相当多的 javascript，但我都以经典的坐式风格学习了这一切。当我想让我的页面做某事时，我会用谷歌搜索并进行实验，直到得到我想要的结果。

我的页面中经常有我想要激活/停用、隐藏、显示等的对象，但是 - 错过了对 javascript 的严格介绍 - 我不知道这些东西是如何命名的。我在打开 firebug 的情况下单击对象，期望看到该对象的一些完全限定名称，但没有得到任何乐趣。我只需要能够执行 form.button.value="something" 之类的操作，并且需要知道该对象的名称。

有任何想法吗？

谢谢。

4

5 回答 5

1

元素通常使用id属性来标识。例子：

<input type="submit" id="saveButton" value="Save" />

您可以使用该getElementById方法获取对元素的引用：

var b = document.getElementById('saveButton');
b.value = 'Saving...';
于 2009-11-25T23:31:49.147 回答
1

好吧，既然你给出了这个form.button.value="something"例子，我猜你想控制 HTML 对象。您可以为它们分配一个 id，例如：<form id="my_form"... 然后从 JS 中通过 id 获取元素，因为该函数甚至被称为 getElementById()。

document.getElementById('my_form').button.value = 'something';
于 2009-11-25T23:32:50.047 回答
1

在运行 Javascript 代码时，您拥有当前范围内的所有局部变量，因此如果您有以下代码：

var myObject = New Object();
myObject.Person = New Object();
myObject.Person.Name = "Mark";
myObject.Person.Gender = "Male";
myObject.Name = "object1";

...您的根对象将是 myObject，并且您通过点表示法引用后代对象。

但是，由于在浏览器中实现了 DOM，您还可以通过关键字继承window对象。this事实上，您可以在this简单的情况下不使用关键字，即当您不使用闭包时。因此，您只需使用函数名称即可访问顶层的 Javascript 函数。

如果您想访问特定元素，就像您想要的那样，您需要学习 DOM，而不是使用您建议的语法（听起来像 1990 年代的 Javascript）。您需要知道的根元素是HTMLDocument通过document属性访问的对象。您可以使用文档元素的方法发现具有特定Id（非Name）属性的getElementById元素。当然，如果您从一开始就为您的元素提供了一个唯一的 ID，这会有所帮助。您还可以递归地使用childNodes集合手动迭代元素，直到找到所需的内容。或者，如果您确实无法提供 Id，您也可以使用getElementsByTagName附加到 DOM 中的每个元素的方法。

例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
    <TITLE></TITLE>
    <META NAME="Generator" CONTENT="TextPad 4.6">
    <META NAME="Author" CONTENT="?">
    <META NAME="Keywords" CONTENT="?">
    <META NAME="Description" CONTENT="?">
    <SCRIPT LANGUAGE="Javascript">
        <!--

        function DoSummat()
        {
            var divInside = document.getElementById("Inside");
            divInside.textContent = "This text will appear inside.";
        }

        //-->
    </SCRIPT>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">
<FORM>
    <INPUT TYPE="BUTTON" onclick="DoSummat();" NAME="MyButton" VALUE="Press Me">
</FORM>
<DIV ID="Outside">
    <DIV ID="Middle">
        <DIV ID="Inside"></DIV>
    </DIV>
</DIV>
</BODY>
</HTML>
于 2009-11-26T00:09:51.103 回答
0

你的问题非常模糊，所以我不能给你你需要的答案。

Objects 不能被“激活”/“停用”并且它们没有“名称”（name如果这就是你的意思，它们可以有一个属性）。

例如，给定：

var foo = {};

foo是一个变量，它的值恰好是一个对象。对象不是变量（具有“名称”的对象）。鉴于：

bar = foo; foo = null;

foois nownull并且 foo 持有的对象现在存储为bar.

于 2009-11-25T23:25:56.230 回答
0

你将无法做到这一点。变量名不与变量绑定，也不在函数之间传递。您能做的最好的事情是编写一个函数来获取一个字符串并将其解析回一个变量：

function printVar(name) {
    console.log(name + ": " + window[name]);
}

当然，这有很多问题。我建议只进行两次日志记录调用：

console.log("foo");
console.log(foo);

或者，使用 printf 样式的语法：

console.log("foo: %o", foo);
于 2009-11-25T23:30:18.210 回答