如何在Javascript中将字符串中的单词放入表中？_Javascript_Html

如何在Javascript中将字符串中的单词放入表中？

javascript html

如何在Javascript中将字符串中的单词放入表中？,javascript,html,Javascript,Html,我是一名编程新手，我被分配了一项任务。任务是：将字符串“tx_val”中的单词放在一个带有一个像素边框的表格中，背景为灰色。每行仅使用三个单元格。空单元格应包含 “空”一词我一直在努力想办法解决这个问题，但结果总是出错。下面是我教授给我们的代码： <html> <head> <script language="javascript"> <!-- function fred() { var tx_val=document.alice.tx.val

我是一名编程新手，我被分配了一项任务。任务是：

将字符串“tx_val”中的单词放在一个带有一个像素边框的表格中，背景为灰色。每行仅使用三个单元格。空单元格应包含 “空”一词

我一直在努力想办法解决这个问题，但结果总是出错。下面是我教授给我们的代码：

<html>
<head>
<script language="javascript"> 
<!--
function fred()
{
var tx_val=document.alice.tx.value;
len_tx=tx_val.length




-->
</script>
</head>
<body>
<form name="alice">
<b>Assignment #1 Javascript</b>
<p>
The text box below is named "tx". The form is named "alice".
<p>
<input type="text" name="tx" formname="alice" size="50" value="the quick brown fox jumped over the lazy dogs back">
</form>


作业#1

下面的文本框名为“tx”。表格名为“alice”。

我首先在HTML中创建一个空白表：

<table id="mytable"></table>

请参阅以获取此方面的帮助

因此，首先使用

tx_val.split（“”

）拆分文本，然后循环遍历单词，根据需要将它们添加到表中

对于这样的事情，很多人喜欢使用

变量声明必须具有var关键字，后跟标识符。让他们保持一致是有道理的

> tx_val=document.alice.tx.value;

将长属性引用串在一起不是很安全，如果缺少任何属性引用，您将得到一个错误。此外，它更兼容（虽然在现代浏览器中不是必需的），并且对于那些将维护您的代码以供使用的人来说更清晰：

var tx_val = document.forms['alice'].elements['tx'].value;

如果您确信链中的所有对象都在那里，那么它可以工作，但在更大的应用程序中不是非常健壮

> len_tx=tx_val.length

请记住始终声明变量，否则它们将在指定值时变为全局变量。此外，结尾语句始终使用分号。如果您打算精简代码，这真的很重要，并且是一个好习惯：

var len_tx = tx_value.length;

该函数不返回任何内容（因此实际上是无用的，即使作为练习也是如此），并且缺少结束符

该函数从未被调用。因为它位于它所引用的元素之上，所以必须等到表单添加到DOM之后才能调用它

添加return语句作为列表行，例如

return len_tx;

在文档中添加按钮以调用函数：

<button onclick="alert(fred());">Call fred()</button>

Call fred（）

要向HTML元素添加文本，请为其指定一个id，使用document.getElementById获取引用，然后将文本作为其内部HTML插入，或者创建一个文本节点并将其追加

> len_tx=tx_val.length

var len_tx = tx_value.length;

return len_tx;

<button onclick="alert(fred());">Call fred()</button>