
JavaScript
程序yan
坚持不一定会成功,但是放弃就一定会失败。
展开
-
区分JavaScript中的浅拷贝与深拷贝
拷贝应该对于大家来说挺熟悉的吧,我们简单的ctrl+C和ctrl+V,复制粘贴,拷贝就是这个意思,将一个目标数据复制一份,形成两个个体。我们将一个基本数据类型(数值、字符型)的变量赋值给另一个变量,就可以得到两个值相同的变量,改变其中一个变量的值,不会影响另一个变量的值。但是,如果操作的目标是复合数据类型(如数组、对象),则会出现两个变量指向同一个对象的情况,如果改变其中一个对象的成员,另一个对象也会发生改变。具体示例如下:代码:scri...原创 2021-10-15 10:26:54 · 116 阅读 · 0 评论 -
用JavaScript编写网页计算器
编写网页计算器,首先用两个text文本框接收输入的两个值,然后通过触发按钮的单击事件,即触发calc()函数,传递实参(add、sub、mul或者div),实现相应的加减乘除运算,最后将结果显示在结果的这个文本框,该文本框的属性有只读(readonly),从而实现结果的获取。 通过获取两个文本框的数值,然后赋值给num1和num2。同时也会判断输入是否为数字,否则无法进行运算。function calc(func){ var result = document...原创 2021-10-13 16:58:03 · 10119 阅读 · 3 评论 -
用JavaScript编写字符串大小写转换
这里简单用到按钮的单击时间,根据用户传递参数的不同,完成字符串大小写的转换。实现准备思想:首先,编写一个text输入框,用来接受输入数据,当输入字符串为英文字母时,单击转大写按钮,就会在新数据的这个文本框给输出出来,显示的全为大写字母,反之全为小写字母。实现原理:单击“转大写”按钮时,调用JavaScript的自定义函数deal()并传递实参upper表示转大写,在switch...case语句中捕获后即实现字符串的大写转换,反之,单击“转小写”按钮时,传递实参lower,实现转小写功能。原创 2021-10-13 11:32:18 · 12548 阅读 · 2 评论 -
用JavaScript实现省份城市的三级联动
简单的三级联动代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省份城市的三级联动</title> <style>select{ width:150px; height:35px;}</style></head><body><select class原创 2021-10-05 01:04:05 · 2449 阅读 · 0 评论 -
在JavaScript中根据圆的半径计算出圆的周长和面积
根据输入圆的半径r来代入圆的周长和半径的计算公式当中去因为圆周长的计算公式圆的周长=2*pi*r;圆面积的计算公式圆的面积=pi*r*r;代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>根据圆的半径计算出圆的周长和面积</title></head><body&g原创 2021-10-04 17:57:18 · 11195 阅读 · 0 评论 -
JavaScript中修改背景颜色
通过按钮的单击事件,传递参数给函数,从而实现相应的背景颜色变化。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>改变网页背景色</title> <script> function color(str){ document.body.style.backgr原创 2021-10-04 17:03:49 · 16954 阅读 · 0 评论 -
JavaScript代码实现最简单的九九乘法表
无论什么语言,九九乘法表无非就是两个for循环的嵌套,在JavaScript中就只需要在Script标签中写下即可实现,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九九乘法表</title></head><body><script> var str.原创 2021-10-04 16:15:50 · 3922 阅读 · 0 评论