JavaScript中document.write()的用法
在javascript中,document.write()方法；常用来网页向文档中输出内容。
示例：通过document.write()方法,向网页文档中输出了一段文字。
document.write("我爱学习--喜欢学习，就和大家一起来分享你的学习经验与技巧。。。");
此外，还可以以另一种方式通过document.write()方法来输出。
document.write() 以变量的方式输出。
首先，声明一个变量。
var str="hello world";
document.write(str);
其次，可以通过document.write()方法 输出 变量与字符串的组合，通过变量 拼接字符串的方式来达到我们想要输出的效果。
注意:
拼接字符串，用加号"+";
字符串用双引号""括起来。
示例：
var str="hello world" ;
document.write(str+" "+"hello world");
//在浏览器中输出的结果为：hello world hello world
最后，我们还可以通过document.write()方法 来输出html标签：同时也可以将css样式写入到标签中，注意书写格式，及引号之间的转义。
示例：在网页中输出<p>我爱学习 http://www.52aixuexi.com</p>
注：输出html标签；只须将标签写入双引号中。
document.write("<p style='border:1px solid black;width:300px;height:90px;line-height:90px;background:#abcdef;text-align:center;'>我爱学习 http://www.52aixuexi.com</p>");
//输出效果如下：
案例：
<!DOCTYPE html> <html class="hb-loaded" data-hb-chrome-ext-installed="2.0.17"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>正确的减肥方法_有问必答_快速问医师</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no, email=no"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link href="./res/index.css" rel="stylesheet"> </head> <script> var trname = "叶"; </script> <body huaban_pin_injected="true"> <input type="hidden" id="visitid" value="0"> <div class="header">正确的减肥方法_有问必答_快速问医师</div> <div class="question"> <div class="question-status">已解决</div> <div class="question-info"> <p class="question-title"><strong>为什么我总是减不了肥！谁来救救我 求方法啊啊！！！</strong></p> <p class="question-author">女 | 33岁 2024-02-12 19:17:11 14人回复</p></div> <div class="cl"></div> </div> <div class="question-desc"> <span style="color: #999;"> 描述：</span> <span class="crazy_new">我今年33岁，性别女，体重142，身高162CM。有什么健康无害还能消除肚子赘肉并减轻体重的方法吗？之前为了省事，上网直接购买了一些减肥产品，结果没瘦多少还把自己折腾的不轻，恶心头晕，踹不过来气，腹痛腹泻，去医院检查发现血压升高、心率加快！有什么健康的减肥方法吗？不想节食、运动，太折磨还反弹</span></div> <div class="answer"> <div class="doc-answer-title">网友回答</div> <div class="doc-answer"> <div class="doc-info"> <div class="doc-icon"> <img src="./img/yangfuqiang.jpg" alt=""></div> <div class="doc-desc"> <p class="doc-name">杨福强</p> <p class="doc-title">医师 全科</p></div> <div class="cl"></div> </div> <div class="doc-answer-content"> <p> 肥胖，通俗理解就是“热量的吸收大于消耗”，多出来的这些热量就转化为脂肪沉积在体内。体内的脂肪细胞增殖或体积增大，体重自然就超标了。西医的一些减肥产品普遍副作用很大，尤其是消化和代谢系统伤害很重，所以我个人还是坚持中药调理。我一个朋友在一个老中医那里用的中药方子，推荐你使用一下。是中成方，在解放军301医院做过临床，对各类型肥胖的有效率能达到98%以上。不少人用“ 中药方子”平均一个月瘦20几斤，费用也不贵，你可以试一试，自己去了解一下，这是我那个朋友的微信号： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span></p> </div> <div class="doc-like">赞 （621）</div></div> <div class="doc-answer"> <div class="doc-info"> <div class="doc-icon"> <img src="./img/t2.jpg" alt=""></div> <div class="doc-desc"> <p class="doc-name">刘建林</p> <p class="doc-title">医师 全科</p></div> <div class="cl"></div> </div> <div class="doc-answer-content"> <p> 分析现在的减肥产品中含有不同成分的添加剂，这些添加剂则会损伤人体的肠胃等器官。减肥第一疏通脂肪，第二调节体质，有些人怎么吃都不胖就是这个道理，楼上医师说的方法，成效还不错,我的很多 也是用微信上这个人的中成方中药方子法瘦下来的,中医的通调理论还是很靠谱的！</p> </div> </div> <div class="doc-answer"> <div class="doc-info"> <div class="doc-icon"> <img src="./img/2013081621250385631.jpg" alt=""></div> <div class="doc-desc"> <p class="doc-name">姚龙夏</p> <p class="doc-title">医师 全科</p></div> <div class="cl"></div> </div> <div class="doc-answer-content"> <p>减肥第一别乱吃减肥产品，第二别节食，第三运动要适当，第四要改善循环代谢系统。建议你试试两位医师推荐的中药方子</p> </div> </div> <div class="author-comment-like">赞 （132）</div></div> <div class="comment"> <div class="title">精彩评论</div> <ul> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/2.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">北京市网友</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>楼主我之前的遭遇和你一样，我吃的那些减肥产品天天拉肚子，折腾死了。后来用上面医师推荐的人的中药方子法，买了以后还全程指导我减肥，在饮食上给我很多建议，我在没运动的情况下一个月瘦了15斤，很不错！</p> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/47.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">旋风腿</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>原来她那么出名啊 我认识她 我也是在她哪里瘦了38斤 是我同学介绍我到她哪里减肥的 效果挺好的 我是7天就能见到明显的效果了！</p> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/3.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">冯蕾蕾</p> <p class="lz-level">铜牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>楼主成效如何，我也是听朋友介绍的这个中成组方中药方子法，好像成效不错，想试一下</p> <div class="recomment"> <div class="recomment-name">楼主：</div> <div class="recomment-content">使用3个疗程效果非常好，30天已经减了 20斤了。不用节食，很轻松的瘦下来了</div> <div class="recomment-name">冯蕾蕾：</div> <div class="recomment-content">是不是直接加 <span style="font-size：10px"> <script>document.write(trname);</script>老师</span>微信，就可以了？ </div> <div class="recomment-name">楼主：</div> <div class="recomment-content">是的，直接添加老师微信，让老师了解你的情况后。给你针对性配制方子就可以了</div> <div class="recomment-name">冯蕾蕾：</div> <div class="recomment-content">好的，谢谢你！</div></div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/4.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">A中国平安-王锋</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>我也是用了她的中成组方中药方子法瘦下来的，中医就是比西方的健康安全，超赞</p> <div class="recomment"> <div class="recomment-name">信阳陈洪：</div> <div class="recomment-content">我也在 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>哪里减26斤，还是咱们中国的中医厉害</div></div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/1.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">楼主</p> <!--<p class="lz-level">铜牌会员</p>--></div> <div class="cl"></div> </div> <div class="lz-content"> <p>本人亲试， <span style="font-size：10px"><script>document.write(trname);</script>老师</span>的减肥方子效果很好，你们可以加 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"> <span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span> </span> 拯救你们身材的机会来了，大家帮忙顶上去，让更多的朋友看到。</p></div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/6.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">邬倩倩是吃货</p> <p class="lz-level">银牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>每个人都能瘦下来吗？</p> <div class="recomment"> <div class="recomment-name">楼主</div> <div class="recomment-content"> <span style="font-size：10px"><script>document.write(trname);</script>老师</span>，是根据每个人的情况不一样，使用的药材，方子都一样，所以每个人都是针对你肥胖的原因针对性开的方子，所以每个人都能瘦下来</div> <div class="recomment-name"> <span class="lz-name">邬倩倩是吃货</span>：</div> <div class="recomment-content">那就好了。就是打开微信添加好友，就能加到 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>了吗？</div> <div class="recomment-name">楼主：</div> <div class="recomment-content">是的</div></div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/7.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">罗庆</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>楼上的好多了，我的更尴尬，我吃了一段时间的左旋肉碱出现了恶心，呕吐，一下子吓的我就不敢再用了，当时闺蜜还以为我怀孕了呢！闹出了一个大乌龙！</p> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/8.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">广东省广州市网友</p> <p class="lz-level">铜牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>7天见效，不解释，还有谁</p> <div class="recomment"> <div class="recomment-name">刘恩泽：</div> <div class="recomment-content">兄弟是真的吗</div> <div class="recomment-name">广东省广州市网友：</div> <div class="recomment-content">人格担保，真的， <span style="font-size：10px"><script>document.write(trname);</script>老师</span>的确实屌</div> <div class="recomment-name">刘恩泽：</div> <div class="recomment-content">有 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>的微信吗？</div> <div class="recomment-name">广东省广州市网友：</div> <div class="recomment-content">楼主不是说了吗， <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span></div> </div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/9.jpeg" alt=""></div> <div class="lz-info"> <p class="lz-name">寂寞也会上瘾</p> <p class="lz-level">金牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>问一下楼上，加她微信就可以买到了吗？</p> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/10.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">吴浩</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p> <span style="font-size：10px"> <script>document.write(trname);</script>老师 </span> 确实有一手，现在正在使用中……效果还是比较明显的。我现在基减了12斤了 </p> <div class="recomment"> <div class="recomment-name">莫砺锋：</div> <div class="recomment-content">真的有效果吗？我也想试试</div> <div class="recomment-name">李智辉：</div> <div class="recomment-content">我前天加了 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span> 昨天上午才通过,跟他聊了一下, <span style="font-size：10px"><script>document.write(trname);</script>老师</span>给制订了调理方法，但愿有效。。</div> <div class="recomment-name">恨你的时光比爱长：</div> <div class="recomment-content">调理过后可以说一下效果吗</div> <div class="recomment-name">李智辉：</div> <div class="recomment-content">好的,我现在开始服用的了，才服用2天，效果不是特别明显，等一周后再跟大家分享</div> <div class="recomment-name">风干的忧伤：</div> <div class="recomment-content">怎么样了?兄弟等着你的答复呢</div> <div class="recomment-name">断念°：</div> <div class="recomment-content">是呀现在怎么样了啊</div> <div class="recomment-name">断念°：</div> <div class="recomment-content">兄弟看到留言回一下啊</div> <div class="recomment-name">李智辉：</div> <div class="recomment-content">不好意思,让兄弟们等急了。这几天一直在测试疗养效果呢，今天去药房称了一下，减了8斤</div> <div class="recomment-name">被风扬起的沙：</div> <div class="recomment-content">哈哈哈哈,我减了12斤，. <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span>，兄弟们姐妹可以试试。</div> <div class="recomment-name">温唇：</div> <div class="recomment-content"> <span style="font-size：10px"><script>document.write(trname);</script>老师</span>我认识，大家有肥胖问题可以加他微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span></div> <div class="recomment-name">李智辉：</div> <div class="recomment-content">别说， <span style="font-size：10px"><script>document.write(trname);</script>老师</span>还真的很厉害</div></div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/11.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">逆天</p> <p class="lz-level">银牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>我也加 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信了</p></div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/12.png" alt=""></div> <div class="lz-info"> <p class="lz-name">刘旭涛</p> <p class="lz-level">银牌会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p> <span style="color: #02879F;">@楼主</span>有没有 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>的微信啊？</p> <div class="recomment"> <div class="recomment-name">断念°：</div> <div class="recomment-content">同问跪求微信号</div> <div class="recomment-name">楼主：</div> <div class="recomment-content"> <span style="font-size：10px"><script>document.write(trname);</script>老师</span>微信： <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span></div> <div class="recomment-name">广东网友：</div> <div class="recomment-content"> <span style="color: #02879F;">@楼主</span>已经加了 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>的微信了，谢谢楼主</div></div> </div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/13.jpg" alt=""></div> <div class="lz-info"> <p class="lz-name">定格、這一刻</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p>我也在 <span style="color:red;font-weight:900;font-size:18px" class="wechatCode"><span class="zaax-wxh" style="color: rgb(255, 0, 0);">LFS742</span></span>（微信名字叫： <span style="font-size：10px"><script>document.write(trname);</script>老师</span>）这里瘦了18斤,我还想叫 <span style="font-size：10px"><script>document.write(trname);</script>老师</span>帮我开另外一些方子巩固一下，好开心终于瘦下来了 ^ ^</p></div> </li> <li> <div class="lz-msg"> <div class="icon"> <img src="./img/14.png" alt=""></div> <div class="lz-info"> <p class="lz-name">局外人</p> <p class="lz-level">普通会员</p></div> <div class="cl"></div> </div> <div class="lz-content"> <p> 前段时间节食减肥，饿的我是前胸贴后背，一星期瘦了三斤，吃了两顿饭就回来了，这是胖人和水都会变胖，看了楼上的介绍准备买来尝试一下。</p> </div> </li> </ul> </div> <div class="footer"> <p>注册用户登录才能发表评论</p> <p><a href="#">登录</a>或<a href="#">注册</a></p> </div> <div class="dibu-platform"> <a href="https://work.weixin.qq.com/ca/xxxxxxxx">点击添加老师 获取减肥方案</a> </div> </body> </html>
浙公网安备 33010602011771号