章节
问答
课签
笔记
评论
占位
占位

JavaScript-输出内容(document.write)

document.write() 可用于直接向 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>

关于JS输出空格问题,如果想要实现输出空格,可以使用特殊字符“&nbsp;”实现

<script type="text/javascript">
  document.write("&nbsp;");//输出空格
</script>

任务

现在我们来输出两条语句,在网页中输点内容吧!

1. 右边编辑器第9行,使用document.write输出mychar变量的内容,同时输出一个换行符。

2. 右边编辑器第10行,使用document.write一条语句,通过变量mystr,mychar,"的忠实粉丝!",输出完整的一句"我是JavaScript的忠实粉丝!"。

?不会了怎么办

1.直接输出内容要用""括起来,document.write(mychar+"<br>");

2.多项内容同时输入,用"+"号连接,document.write(mystr+mychar+"的忠实粉丝!");

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 精慕门0606
<...图片...>这个样子

最新回答 / 慕桂英6357273
<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名,输出变量存储的内容。</script>

最赞回答 / qq_CQ_0
ducument.write(),没有ducument.write=()的写法

最赞回答 / 小豆丁爱学习
<...图片...>这个是中文的分号,改成英文的就可以了

最新回答 / 清风渡江
说实话看不懂你在弄什么,看看我这个吧<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> </script> </head> <body>...

已采纳回答 / Brother洋
document.write在页面显示,我们可以直接看到。console.log在检查元素里的Console里显示

已采纳回答 / 长安1900
html代码在被执行的时候,浏览器会自动调用document.open()打开一个新的文档流,然后开始在这个文档流的基础上加载信息.加载完毕后,就会自动调用document.close()关闭该文档流.上述代码的按钮被触发的时候,原来一开始被加载时使用的文档流已经在文档加载完毕后自动被关闭了,如果再执行document.write(),就会自动调用document.open()来创建一个新的文档流来写入信息.两次加载的文档流并不是同一个.因此就有被"清空"的现象.---------------------...

已采纳回答 / 吴量
实际开发中基本不会用到document.write() 这个方法,“1234”这个是String类型,1234是Number类型

最新回答 / 黑曜石下的秘密
也可以链接外部样式表也可以链接外部样式表:新建一个.css文件(这里是myCSS.css)把样式放在里面<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>document.write</title>  <script type="text/javascript">   ...

最赞回答 / qq_慕侠6418083
document.write(mystr,mychar,"的忠实粉丝!")

最赞回答 / 慕圣2498177
明白了,分号错了,打中文忘记切换英文的分号。

最赞回答 / 初始昵称
最后一个分号,是中文状态下的,改成英文
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言