5js的输出内容

来源：互联网发布：js正则表达式判断字母编辑：程序博客网时间：2024/05/01 01:09

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.write</title>
<script type="text/javascript">
var mystr="我是";
var mychar="JavaScript";

document.write(mystr+"<br>");
document.write(mychar);
document.write(mystr+mychar+"的忠实粉丝");

</script>
</head>
<body>
</body>
</html>

---------------------------------------------------------------------------------------------------------------------------

第一种:输出内容用""括起，直接输出""号内的内容。

<script type="text/javascript">  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>

第二种:通过变量，输出内容

<script type="text/javascript">  var mystr="hello world!";  document.write(mystr);  //直接写变量名，输出变量存储的内容。</script>

第三种:输出多项内容，内容之间用+号连接。

<script type="text/javascript">  var mystr="hello";  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>

第四种:输出HTML标签，并起作用，标签使用""括起来。

<script type="text/javascript">  var mystr="hello";document.write(mystr+"<br>");//输出hello后，输出一个换行符  document.write("JavaScript");</script>

输入空格的办法

1. 使用输出html标签&nbsp;来解决
 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");
 结果:  1    23
2. 使用CSS样式来解决
 document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");
 结果:  1       2     3    
 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

阅读全文

0 0