码迷,mamicode.com
首页 > Web开发 > 详细

js学习笔记(1)之document.write()方法使用总结

时间:2015-08-03 01:17:33      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

js方法document.write();用来向浏览器页面输出内容
具体用法:
用来输出字符串内容:document.write("输出字符串内容要使用双引号");
用来输出变量的值:如var mynum="hello"; document.write(mynum);
用来输出html标签内容:如document.write("<p>你好!</p>");
用来输出混合内容,使用”+“号来连接内容:如document.write(mynum+"<br/>"+"world");


------------------**********************************----------------------------------
如何用document.write()向浏览器输出空格:
浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。
如document.write("1          2                              3");
输出结果:1 2 3
解决办法:
1.使用html空格标签&nbsp来解决
如document.write("&nbsp;&nbsp;"+"12"+"&nbsp;&nbsp;"+"34");
输出结果:  12  34  
2.使用css样式来解决
在输出时添加"white-space:pre;"样式属性。这个样式表示"空白会被浏览器保留";
如:
document.write("<span style=‘white-space:pre;‘>"+"1  23  4"+"</span>");
输出结果:1  23  4

版权声明:本文为博主原创文章,未经博主允许不得转载。

js学习笔记(1)之document.write()方法使用总结

标签:

原文地址:http://blog.csdn.net/qlzx_syzx/article/details/47218213

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!