论textarea引起的一个小失误

前几天,在开发一个网页的时候,使用到了textarea元素控件。本来很正常的一个页面,突然之间js也不加载了(我的那个页面里有js脚本)。百思不得其解,Web开发这么久,从来没碰到过这么稀奇的事情,光加载html结构,不加载js,活这么久我也是第一次见。

后来,我在textarea的输入框里看到了一部分的html代码,以及js脚本,我也没在意就是觉得很奇怪,为什么textarea里会有内容,没往深处想。

再到后面我不得不一句一句扒,终于让我找到无法加载js的原因了。问题就出在我的textarea控件,并不是正常关闭的。我的错误代码:

1
<textarea class="..."/>

发现没有,当textarea控件未正常关闭的时候,它后面的所有html和js或者css都将作为textarea里的内容。所以才会导致js无法运行,以及为什么textarea里有其后的html代码和js脚本了。

正常的关闭如下:

1
<textarea class="..."></textarea>

记一下,这个曾让我怀疑html的坑。

avatar

chilihotpot

You Are The JavaScript In My HTML