document.write(yjr)
如果要每个名字显示一行，可以这样：
for(var i in yjr)
document.write(yjr[i]+"<br />")
或
for(var p of yjr)
document.write(p+"<br />")
有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？
HTML字符实体(Character Entities)
这就要说到HTML字符实体(HTML Character Entities)了。
一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。
比如，要显示小于号，就可以写<或者<。
用实体(Entity)名字的.好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。
注意：Entity是区分大小写的。
如何显示空格
通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。
最常用的字符实体(Character Entities)
显示结果说明Entity NameEntity Number
显示一个空格
<小于<<
>大于>>
&&符号&&
"双引号""
其他常用的字符实体(Character Entities)
显示结果说明Entity NameEntity Number
?版权??
?注册商标??
×乘号××
&pide除号&pide&pide
html本身是一个超文本的标记语言不是编程语言，所以只利用html代码是无法实现动态的的显示效果的，可以借助一些其他的编程语言来实现，比如JavaScript、php、Java等都是可以的。
工具原料：编辑器、浏览器
1、这里我们使用直接浏览器运行的jQuery的来实现动态的效果。使用html做一个输入框，输入什么内容就在页面上显示欢迎什么内容，代码如下：
<span id="text" style="color: red"></span></br><input type="txt" id="btn" /></br>
<button id="sub">提交</button>
<script>
$('#sub').click(function(){
$('#text').html("欢迎"+$('#btn').val())
})
</script>
2、运行的结果如下图：
没有输入提交前
输入提交后
