Js学习基础document.write在页面中写一行文字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>05.24菜鸟教程第二个Demo</title>
</head>
<body>

<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>

<script>
    document.write(Date());
    document.write("哈哈哈哈哈");
</script>

</body>
</html>

运行出来是这个样子的在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>05.24菜鸟教程第二个Demo</title>
</head>
<body>

<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<p>我的第一个段落。</p>
<script>
    document.write(Date());
    document.write("哈哈哈哈哈");
</script>

</body>
</html>

如果我们改成这个样子的话发现哈哈哈哈这几个字没有换行呢document.write加入文字或者什么东西应该不属于块级元素
document.write如果写在了函数中去调用他会覆盖整个页面!!!
在这里插入图片描述
初学者初学者自学Js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,以下是使用document.write写一个两行三列的表格的代码: ``` <script> document.write("<table border='1'>"); document.write("<tr>"); document.write("<td>第一行第一列</td>"); document.write("<td>第一行第二列</td>"); document.write("<td>第一行第三列</td>"); document.write("</tr>"); document.write("<tr>"); document.write("<td>第二行第一列</td>"); document.write("<td>第二行第二列</td>"); document.write("<td>第二行第三列</td>"); document.write("</tr>"); document.write("</table>"); </script> ``` 该代码会生成一个边框为1的表格,包含两行三列。你可以将代码复制到HTML文件或网页中,然后在浏览器中打开该文件或网页,就可以看到生成的表格了。 ### 回答2: 使用document.write方法可以编写一个两行三列的表格,代码如下: ```javascript document.write("<table>"); document.write("<tr>"); document.write("<td>第一行第一列</td>"); document.write("<td>第一行第二列</td>"); document.write("<td>第一行第三列</td>"); document.write("</tr>"); document.write("<tr>"); document.write("<td>第二行第一列</td>"); document.write("<td>第二行第二列</td>"); document.write("<td>第二行第三列</td>"); document.write("</tr>"); document.write("</table>"); ``` 上述代码使用了HTML的<table>、<tr>和<td>等标签来创建表格结构。通过document.write方法将HTML代码写入文档中,从而实现生成一个两行三列的表格。第一行的<td>标签分别显示了"第一行第一列"、"第一行第二列"和"第一行第三列"这三个内容,第二行的<td>标签同理。 ### 回答3: 使用document.write写一个两行三列的表格可以这样实现: ```html <script> document.write("<table>"); for (let i = 1; i <= 2; i++) { document.write("<tr>"); for (let j = 1; j <= 3; j++) { document.write("<td>" + "行" + i + "列" + j + "</td>"); } document.write("</tr>"); } document.write("</table>"); </script> ``` 上述代码中,我们首先使用`document.write`输出`<table>`标签,表示一个表格的开始。然后使用两个嵌套的for循环,外层循环用于控制行数,内层循环用于控制列数。在内层循环中,我们使用`document.write`输出`<tr>`标签,表示表格中的一行的开始,然后使用再一个嵌套循环输出`<td>`标签,表示一个单元格,并使用字符串拼接的方式生成行列编号。最后,我们用`document.write`输出`</tr>`标签,表示一行的结束。外层循环结束后,我们使用`document.write`输出`</table>`标签,表示整个表格的结束。 运行以上代码,即可在网页中生成一个两行三列的表格,表格中的单元格将显示行列编号。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值