Question

我在六个版本中遵循了教程：http://sixrevisions.com/tutorials/web-development-tutorials/psdhtml-conversion-elegant-and-simple-css3-web-layout/

然而我遇到了一个问题。我主要是从逆向工程的各种教程中学习html / javascript，但是我已经找到了一部分代码，我一直在努力让DAYS理解。这是我到目前为止所做的。

 function clearText(field)

声明该功能，并将其命名为＆＃34; clearText＆＃34;并声明它将是一个文本字段。

if (field.defaultValue == field.value) field.value = '';

如果文本字段的默认值等于＆＃34;值＆＃34; （一个可以在以后设置的字符串变量？）

完整代码

  function clearText(field)
  {
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
  }

有人可以用一个16岁的孩子能理解的方式打破这个吗？我确实得到了if语句的结构，但是我并不完全理解这里发生了什么。

Answer 1

clearText是一个以字段作为参数的函数。

field是一个具有两个属性的对象：defaultValue和value。

如果其defaultValue等于其值，则将其值设置为''。

如果其值为''，则将其defaultValue置于其值中。

显然field.value是html字段的实际值（它可以是密码，文本输入，也可以选择 - 不确定最新的 - ）。我不确定defaultValue是否是HTML元素中的标准内容，或者它是否由程序员预先填充（使用其他javascript代码）。

Answer 2

如果您有测试对象，可能更容易想象正在发生的事情。

var testFieldOne = {defaultValue: 'test', value: ''}
var testFieldTwo = {defaultValue: 'test', value: 'test'}

// 'value' is an empty string, the function will change it to 'test'
clearText(testFieldOne); 
console.log(testFieldOne.value); // Prints 'test'

// 'value' is the same as 'default', so it will be set to an empty string.
clearText(testFieldTwo); 
console.log(testFieldTwo.value); // Prints ''

Answer 3

您可以在输入字段中显示默认文本以指导用户，该输入字段的用途是什么。但您不想提交默认文本进行处理。所以你看，如果当前字段值与你的defult文本相同。如果是这种情况，则清除输入字段，以便数据处理知道没有条目。

Answer 4

与教程中一样，默认值设置为＆＃34;搜索＆＃34;。此函数将文本字段从其默认值＆＃34;搜索＆＃34;如果用户要么关注字段，要么模糊字段，如果文本字段已经为空，则会显示＆＃34;搜索＆＃34;再次。 ///顺便说一句我13： - ）

Answer 5

当你有一个textarea（或一个输入标签）时，Javascript自动执行的操作之一就是获取其中的内容，并存储在一个名为value的变量中。所以，如果你有这样的textarea：

<form name="form1">
<textarea name="textarea1">
This is a sentence inside of a textbox.
</textarea>
</form>

你可以在Javascript中获得它的价值：

document.form1.textarea1.value

将返回：

"This is a sentence inside of a textbox."

话虽如此，clearText函数接受字段作为值，所以如果我们这样调用它：

clearText(document.form1.textarea1)

这意味着现在，＆＃34;字段＆＃34; clearText里面的变量现在等于document.form1.textarea1，可以用作说出相同内容的简短方法。这意味着，如果我们想要找到textarea内部的内容，我们现在可以做到：

field.value

将再次返回：

"This is a sentence inside of a textbox."

因此，clearText首先使用if语句来检查textarea的当前值（这是文本框中的句子。）是否等于其默认值。如果是，则使textarea为空。如果是相反的方式，则将textarea设置为包含其默认文本。如果两者都不适用，则没有任基本上，它在文本框为空或默认情况下来回切换。

顺便说一句，我不认为你是＆＃34;逆向工程＆＃34;任何教程都可以。＆＃34;逆向工程＆＃34;将涉及从您不应该从中获取代码的程序中获取代码。任何人都可以阅读Javascript。

有人可以向我解释这个HTML / Javascript部分吗？

5 个答案: