js把空格换成br标签

简介: js把空格换成br标签
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>把空格换成br标签</title>
  <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
  <div class="shangxi">
  罗隐的咏物诗“切于物”而“不粘于物”,往往别出心裁,独具寓意,讽刺深峻犀利又耐人寻味。清沈祥龙《论词随笔》云:“咏物之作,在借物以寓性情,凡身世之感,君国之忧,隐然蕴于其内,斯寄托遥深,非沾沾焉咏一物矣。”罗隐正是在对物象深入细致的观察基础之上,对所咏之物融进他强烈的家国之忧与身世之慨,刺时讽世使得其能在晚唐诗坛脱颖而出。《蜂》通过吟咏蜜蜂采花酿蜜供人享用这一自然现象,表现了他对社会和历史问题的思考。
    前两句写蜜蜂的生存状态,在山花烂漫间不停穿梭、劳作,广阔的领地给了它们相当大的施展本领的空间。“不论”“无限”,蜜蜂在辛勤劳动中“占尽风光”,简单写来看似平平无奇,纯行直白,几乎是欣赏、夸赞的口吻,实则是匠心独运,先扬后抑,为下文的议论做出了铺垫。
    后两句紧乘“蜜蜂”这一意象,把它象征的“劳动者”意象加以引申、扩大,发出“采得百花成蜜后,为谁辛苦为谁甜”的一声叹息。同时也提出一个耐人寻味的问题:已采的百花酿成蜜,辛辛苦苦的劳作终于有了可喜的成果,话锋一转,这般辛劳到底又是为了谁呢?在当时黑暗腐朽的社会里,为的正是那些不劳而获、占据高位、手握重权的剥削者,此中的讽意不言而明。诗人以反诘的语气控诉了那些沉迷利禄之人,感喟良久之余不禁又对广大的劳苦人民产生了矜惜怜悯之情,从另一个侧面对这种劳者不获、获者不劳的不平现实加以嘲讽和鞭笞,在为劳动人民鸣冤叫屈的同时也是对自己久沉下僚、大志难伸的境遇予以反省,表达对唐末朋党倾轧、宦官专权、战乱频仍、民不聊生的社会现象更深的痛恨之情。
    这首咏蜂诗运用象征的手法、设问的形式反映了劳动者不能享受其劳动成果的社会现象,与张碧《农夫》中的“运锄耕劚侵星起”“到头禾黍属他人”以及梅尧臣《陶者》中“陶尽门前土,屋上无片瓦”可作同一理解,都是叹苦辛人生之历练,社会世道之多艰,于人于己都是一番深省之言。
    罗隐此篇歌咏“蜂”之作,在艺术表达形式上独具特色。以“蜜蜂”为张本,所咏之物形神兼备,更为难得是所咏之物兴寄明显、寄慨遥深,“不粘不脱,不即不离,乃为上乘”(《带经堂诗话》),追求“神似”的工艺正如严羽《沧浪诗话·诗辨》云:“诗之极至有一,曰入神。至矣,尽矣。蔑以加矣。”体物工妙,词近旨远,夹叙夹议的手法配合默契,语言叙述中不尚辞藻,平淡而具思致,清雅辅以言深。</div>
</body>
  <script type="text/javascript">
    window.onload = function(){
      var obj = document.getElementsByClassName('shangxi');
      var str = obj[0].innerHTML;
      // str = str.replace(/\s/g,"<br>");
      // obj[0].innerHTML = str
      str = str.replace(/\s+/ig," ");   //把连续的几个空格替换成一个空格
      str = str.replace(/\s/g,"<br>");  //把空格替换成br标签
      obj[0].innerHTML = str
    }
  </script>
</html>

相关文章
|
7月前
|
前端开发 JavaScript 容器
|
9月前
|
JavaScript 前端开发
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
187 0
|
7月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
178 0
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript修改标签样式的属性值
前端基础 - JavaScript修改标签样式的属性值
36 0
|
2月前
|
JavaScript 前端开发
js的input标签上传图片并转为base64预览
js的input标签上传图片并转为base64预览
29 0
|
7月前
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
3月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
26 0
|
4月前
|
JavaScript 前端开发 UED
探究: 为什么JavaScript要在body标签尾部引入?
探究: 为什么JavaScript要在body标签尾部引入?
28 0
|
10月前
|
安全 JavaScript 前端开发
JavaScript 中的模板字面量与标签模板
在 JavaScript 中,模板字面量(Template Literals)和标签模板(Tagged Templates)是两种用于处理字符串的特殊方式。它们分别提供了更灵活和强大的字符串处理能力,让字符串拼接、格式化和转义变得更加方便。
117 0
|
5月前
|
JavaScript 前端开发
JavaScript快速删除对象数组中某一个指定元素。注意:是对象数组,如果是数值数组,请慎用!会伤及无辜0、false、英文空格、undefined、null。
JavaScript快速删除对象数组中某一个指定元素。注意:是对象数组,如果是数值数组,请慎用!会伤及无辜0、false、英文空格、undefined、null。