您的位置:首页 > Web前端 > JavaScript

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

2015-08-02 23:24 696 查看
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空格标签 来解决

如document.write("  "+"12"+"  "+"34");

输出结果:  12  34  

2.使用css样式来解决

在输出时添加"white-space:pre;"样式属性。这个样式表示"空白会被浏览器保留";

如:

document.write("<span style='white-space:pre;'>"+"1  23  4"+"</span>");

输出结果:1  23  4
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: