当前位置: 首页 > news >正文

为什么没有输出九九乘法表?

下面的程序本来想输出九九乘法表到屏幕上,为什么没有输出呢?怎样修改?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我的HTML练习</title>
        <!--preload-links-->
        <!--app-context-->
    </head>
    <body>
        <div id="jiujiubiao">
            <script>
            for(var a=1;a<=9; a++){
                for(var b=1;b<=a;b++){
                    document.write(b+"*"+a+"="+a*b+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp");
                }
                document.write("<br />")
            }    
            </script>
            
        </div>
    </body>
</html>

经过查询,解决办法如下:

你的程序没有打印内容的原因是因为你将九九乘法表的内容写在了<script>标签内部,而应该将它写在<div>标签内部。

请将<script>标签内的代码移动到<div>标签内的位置,然后再运行程序。

修改后的代码如下所示:

<html><head><meta charset="utf-8" /><title>我的HTML练习</title><!--preload-links--><!--app-context--></head><body><div id="jiujiubiao"><script>for(var a=1;a<=9; a++){for(var b=1;b<=a;b++){document.write(b+"*"+a+"="+a*b+"&nbsp"+"&nbsp"+"&nbsp"+"&nbsp");}document.write("<br />")}	</script></div></body>
</html>

上面说的要移动到<div>内部,实际给出的结果却没有移动出来。你试试看。

实际上,问题的原因是<script/>放置的位置不对,应该在<head>内部,放在其他地方的《script》会被解释器忽略。

修改办法是将JavaScript代码放在页面加载完成后执行,可以将代码放在<body>标签的末尾,或者使用window.onload事件来确保页面加载完成后再执行JavaScript代码。可以将你的代码修改为以下形式:

<html>

<head>

<meta charset="utf-8" />

</head>

<body> <div id="jiujiubiao"></div>

<script> window.onload = function () { var div = document.getElementById("jiujiubiao"); for (var a = 1; a <= 9; a++) { for (var b = 1; b <= a; b++) { div.innerHTML += b + "*" + a + "=" + a * b + "&nbsp" + "&nbsp" + "&nbsp" + "&nbsp"; } div.innerHTML += "<br />"; } } </script> </body> </html>

这样修改后,页面加载完成后,JavaScript代码会将结果输出到id为jiujiubiao的div中。

http://www.lryc.cn/news/363857.html

相关文章:

  • EasyRecovery5步轻松恢复电脑手机数据,EasyRecovery带你探索!
  • 904. 水果成篮
  • 在618集中上新,蕉下、VVC们为何押注拼多多?
  • Maximo Attachments配置
  • 一分钟了解香港的场外期权报价
  • 专业开放式耳机什么牌子更好?六大技巧教你不踩坑!
  • 注意!!24软考系统集成有变化,第三版考试一定要看这个!
  • Redis数据结构HyperLogLog以及布隆过滤器
  • C++——从C语言快速入门
  • thinkpad T440p ubuntu-slam软件安装记录
  • 本地电脑访问windows server系统服务器 并传输文件
  • kubernetes负载均衡---MetalLB
  • Python面试宝典:Python中与设计模式相关的面试笔试题(1000加面试笔试题助你轻松捕获大厂Offer)
  • 以sqlilabs靶场为例,讲解SQL注入攻击原理【18-24关】
  • 【已有项目版】uniapp项目发版pda -- Android Studio
  • 三维重建,谁才是顶流?
  • s32k314【入门新手篇】-开发环境安装【ds32开发平台】
  • DiffBIR论文阅读笔记
  • 基于STM32的位置速度环PID控制伺服电机转动位置及程序说明
  • 操作失败——后端
  • 基于SSM的“学校访客登记系统”的设计与实现(源码+数据库+文档)
  • linux配置IP、子网掩码、网关
  • Java 垃圾回收
  • 多客陪玩系统-开源陪玩系统平台源码-支持游戏线上陪玩家政线下预约等多场景应用支持H5+小程序+APP
  • 书生·浦语大模型全链路开源体系-笔记作业2
  • 手把手教你发布你的第一个npm插件包
  • Docker-compose 编排lnmp(dockerfile) 完成Wordpress
  • 秋招突击——算法打卡——5/28——复习{Z字形变换、两数之和}——新做:{整数反转、字符串转整数}
  • PPT设置为本框的默认格式以及固定文本框
  • 计算机基础(5)——进制与进制转换