上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用JavaScript(简称JS)来实现,首先复习一下:JavaScript是一种直译式脚本语言,是一种动态类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。下面我就给大家讲一下如何利用JavaScript去实现九九乘法表。
首先效果截图:

通过上面的效果图我们可以看到,这次的九九乘法表明显比之前的加上了边框,这样不但好看,而且呈现出一个梯形,便于阅览。然后我们要做的就是利用JavaScript编写代码来实现这个效果。
首先我们先在Adobe Dreamweaver CC 2017(简称DW)新建一个Html文件,然后再编码
具体实现的代码如下:

下面我们来详细讲解一下这些代码的含义;
首先新建文件时,默认是编码格式是这样的,意义是为了告诉浏览器用什么方式来读这页代码。

但是我们在这里,由于标题涉及到了中文,所以要改一下。改成一下样子:

它表示强制浏览器编码设为简体中文(GB2312)。这一句的作用是相当关键的,在制作网页的过程中千万不可省略。它可以加在网页中的任意部分,最好加在与之间。(FrontPage和Dreamweaver在创建的新网页当中已包含这句) 在过去,省略这句网页也往往可正常显示。但是现在WindowsXP的IE6.0又支持简体中文(GB18030),是采用1/2/4 Bytes混合编码,但它并不会完全兼容GB2312。 若网页中省略了这句,WinXP浏览器会默认为GB18030,网页中会出现部分乱码. 要注意的就是,这句不能写在js文件中,否则仍不起作用,浏览器编码会默认为GB18030。 但是样式表语句可写在js文件中,唯独语句不可以。

以下是加了强制设为中文(图1)和没有加的(图2)区别:

图1

图2
以上就是JavaScript实现九九乘法表的讲解,样式的变化可根据个人的喜欢去设定。

JavaScript实现九九乘法表相关推荐

  1. 【九九乘法表】javascript做九九乘法表

    javascript做九九乘法表,满满的干货!!! 基本代码: <script type="text/javascript">var factorOne , facto ...

  2. jquery打99乘法表_基于javascript实现九九乘法表

    基于javascript实现九九乘法表 本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 var sum=0; var wite; for (var i = 1; i & ...

  3. JavaScript输出九九乘法表

    背景 使用JavaScript实现九九乘法表. 实现 <!DOCTYPE html> <html lang="en"> <head><me ...

  4. 九九乘法表居中c语言,JavaScript实现九九乘法表的简单实例

    每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序 这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 J ...

  5. javascript实现九九乘法表(四种形式)

    1.使用for循环 1.1实现靠左的九九乘法表 代码 <!DOCTYPE html> <html lang="en"> <head><me ...

  6. JavaScript实现九九乘法表四种方法(附代码)

    几行代码就能轻松学会 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  7. JavaScript——实现九九乘法表

    这是一张99乘法表,我们需要用JavaScript来实现这个99乘法表 基础实现 在观察表后,可以发现每一个表达式都可以用 a*b=c 来表示出来,而c可以借用算术计算出来,所以我们只需要用到两个变量 ...

  8. JavaScript中九九乘法表制作

    练习一下表格,利用Javascript制作出来: 代码赏析: <!DOCTYPE html> <html lang="en"> <head> & ...

  9. JavaScript打印九九乘法表

    思路:使用二重循环进行打印,第一个乘数与行号相同,第二个乘数从1开始,最大与行号相同.用i表示第一个乘数,用j表示第二个乘数,则每一行i与j的关系是:j<=i. 代码如下: HTML部分: &l ...

最新文章

  1. struts2和spring的两种整合方式 action的自动装配
  2. 华为vrrp默认优先级_华为的VRRP怎么配置
  3. 医疗保健数据接口_应用的大数据:医疗保健的经济学
  4. 【Oracle】利用trace文件重建控制文件
  5. 保存更新失败,事务回滚,但是MQ消息发送成功。
  6. 【机器学习系列】MCMC第二讲:Markov Chain Monte Carlo基本概念和核心思想
  7. 十款常见的开源数据库学习资料大汇总
  8. ESXI安装威联通NAS系统
  9. matlab生成tiff,MATLAB中自定义栅格数据地理坐标并写出数据到tiff文件
  10. js实现图片跟随鼠标移动
  11. Android之——杀死用户选中的进程优化
  12. 第八章 磁盘存储器的管理
  13. 建立一颗最优的决策树 -如何调参,根据决策树进行数据分析
  14. 2012年每周推荐阅读汇总
  15. 12 JAVA编程思想——集合的类型
  16. 单片机硬件和软件延时是啥意思?
  17. linux应用程序注册表,如何打开 Linux 中 Windows 程序的注册表编辑器
  18. 人工智能,你欠我们一个解释
  19. 5G商用大幕拉开 下一个风口:行业新应用、新业务或新商业模式?
  20. rot13加密解密原理

热门文章

  1. java swing的几个视觉特效库
  2. Proteus(或类似软件)仿真时常出现的Time step too small问题的解决。
  3. 【自动驾驶轨迹预测】一文熟悉自动驾驶轨迹预测发展现状!
  4. cxfreeze中文文档
  5. 计算机专业血压高影响录取吗,男性患者,58岁,电脑工程师。发现血压升高6年,血脂增高1个月。患者6年前在例行体检时发现血压升高, - 赏学吧...
  6. android中如何取得用户手机的常用联系人(即收藏夹的联系人)
  7. 小学计算机功能室活动总结,明德小学电教室工作总结
  8. 2021起重机作业Q3起重机械指挥模拟考试题库及软件
  9. [Shader] Shader Cookbook 使用表面着色器[2]
  10. python 实现日期加1,并自动跳过双休日