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
具体用法:
用来输出字符串内容: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
相关文章推荐
- js全屏插件-全屏任何一个你想要的元素,单图片or轮播图
- JS setTimeout clearTimeout
- JS函数声明和函数表达式的区别
- js原型链继承及调用父类方法
- js中移除空白节点
- JS疑难点和GC原理
- js跨域及解决方法
- 深入理解JavaScript之---(JavaScript的编译过程)
- 我眼中的Angular JS
- jsp中表单遇到的问题
- 学习JS(4)
- javascript整理(3)--对象、window
- leancloud js SDK 学习
- 初级js
- 一步一步实现JS拖拽插件
- JS AJAX
- JSP+servlet生成验证码并验证
- 《JavaScript》——宏观把控
- JavaScript中判断一个对象是否为"空对象”
- EXTJS-1 表单和ajax数据交换