代码之家 › 专栏 › 技术社区 › Adam P

如何根据用户输入用JavaScript启动字幕?

marquee html javascript

Adam P · 技术社区 · 14 年前

以下是我目前掌握的情况:

<!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>
<title></title>
<script type="text/javascript">
    function StartMarquee() {
        var text = document.getElementById(namebox);
        if (text != null) {
            document.write("<marquee behavior='scroll' direction='right'>Hello " + text + "!</marquee>");
        }
        else {
            alert("Enter your name first!!!");
        }
    } 
</script>
</head>
<body>
<table style="margin:0px auto 0px auto;">
<tr><td>Enter your name!</td>
<td><input type="text" id="namebox"/></td>
<td><input type="button" value="Enter" onclick="StartMarquee()"/></td></tr>
</table>
</body>
</html>

3 回复 | 直到 14 年前

Jimmy Nitzan Tomer 14 年前

你的JavaScript有一些问题。

您正在传递一个未定义的变量 namebox getElementById 'namebox' ).
text 对空字符串,而不是 null
text.value 而不是仅仅 )在您正在创建的元素中。

function StartMarquee() {
  var text = document.getElementById('namebox');
  if (text.value !== '') {
    document.write("<marquee behavior='scroll' direction='right'>Hello " + text.value + "!</marquee>");
  }
  else {
    alert("Enter your name first!!!");
  }
}

其他一些一般性建议:

document.write . 相反,使用DOM方法创建新元素并将其插入DOM。
使用不引人注目的JavaScript。在文档加载后附加您的行为,而不是使用内联事件处理程序。
使用 === 和 !== 条件来避免类型强制并确保您得到您认为是的结果。
永远不要用 marquee .

N 1.1 14 年前

var text = document.getElementById(namebox).value;

Ben Zotto 14 年前

你可能不想用 document.write 为此——使用 document.createElement('marquee') innerHTML 到你想要的字幕中。

(P.S.字幕?是吗?)

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前