上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用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实现九九乘法表