Javascript 在文本区域字段中闪烁文本

我的网站404页上有一个文本区域，它是从Web服务器到用户的独白。本文使用

|

字符表示独白中的“光标”位置。不幸的是，这个角色不会闪烁。在谷歌搜索和查找之后，我尝试将其添加到页面中，但当我在

|

周围放置标记时，它显示为文本，而不是被解释

显示文本的功能是

      function type_text()
  {
    contents='';
    row=Math.max(0,index-7);
    while(row < index)
    {
      contents += tl[row++] + '\r\n';
    }
    document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "<blink>|</blink>";
    if(text_pos++==str_length)
    {
      text_pos=0;
      index++;
      if(index!=tl.length)
      {
        str_length=tl[index].length;
        setTimeout("type_text()",1500);
      }
    } else
      setTimeout("type_text()",speed);
  }

如果有帮助的话，我的页面可以在这里找到：我在左下角有一条“测试”消息在闪烁，但是

不会闪烁

---

谢谢。

文本区域不能包含HTML，因此您在那里运气不佳。既然您并没有真正使用textarea进行输入，为什么还要使用textarea呢？请改用div，并适当修改代码。

文本区域不能包含HTML，因此您在这里运气不佳。既然您并没有真正使用textarea进行输入，为什么还要使用textarea呢？改为使用div，并适当修改代码。

文本区域的内容仅为文本，因此忽略所有标记（作为文本数据）。因此，您可以使整个内容闪烁，但不只是其中的一部分

---

在不需要用户输入的情况下使用textarea是不合逻辑的，也是毫无意义的。您可以使用

pre

元素，在该元素中可以识别标记，尽管原则上只允许使用有限的标记集，但您可以在其中使用

blink

或styled

span

。或者，使用具有适当样式的

p

或

div

，例如

空白：pre

文本区域的内容仅为文本，因此忽略所有标记（作为文本数据）。因此，您可以使整个内容闪烁，但不只是其中的一部分

---

在不需要用户输入的情况下使用textarea是不合逻辑的，也是毫无意义的。您可以使用

pre

元素，在该元素中可以识别标记，尽管原则上只允许使用有限的标记集，但您可以在其中使用

blink

或styled

span

。或者，使用具有适当样式的

p

或

div

，例如

空白：pre

，但我的问题是如何让div像文本区域一样滚动？我不太擅长html/javascript。我在页面上的Javascript，我从其他地方复制/粘贴，并做了一些调整。div可以像textarea一样滚动。为div设置固定高度并插入

标记，而不是

\r\n

characters@Asad-并将

overflow

设置为

scroll

@Derek如果您查看他的页面当前的行为，我认为他需要默认的

auto

，而不是

scroll

我让它工作了。也不必这样做。我不得不玩一点innerHTML，尽管从我被告知的情况来看这是邪恶的。但我的问题是如何让一个div像textarea那样滚动？我不太擅长html/javascript。我在页面上的Javascript，我从其他地方复制/粘贴，并做了一些调整。div可以像textarea一样滚动。为div设置固定高度并插入

标记，而不是

\r\n

characters@Asad-并将

overflow

设置为

scroll

@Derek如果您查看他的页面当前的行为，我认为他需要默认的

auto

，而不是

scroll

我让它工作了。也不必这样做。我不得不玩一点innerHTML，尽管从我所听到的来看这是一件坏事。

function blink() 
{
    var blinks = document.getElementsByTagName('blink');
    for (var i = blinks.length - 1; i >= 0; i--) 
    {
        var s = blinks[i];
        s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';
    }
window.setTimeout(blink, 500);
 }

  if (document.addEventListener) document.addEventListener("DOMContentLoaded", blink, false);
  else if (window.addEventListener) window.addEventListener("load", blink, false);
  else if (window.attachEvent) window.attachEvent("onload", blink);
  else window.onload = blink;