js学习笔记(一)之document.write()方法使用总结
js学习笔记(1)之document.write()方法使用总结
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
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
版权声明:本文为博主原创文章,未经博主允许不得转载。