JavaScript
关注
分享
扫一扫
海阔天空ZMZ
这个作者很懒，什么都没留下…
展开
-
利用JS实现图形形状与背景颜色的变化
今天使用JS简单实现如下功能当点击按钮时可以选择改变图形的形状与背景颜色代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-08-09 10:34:02 · 816 阅读 · 0 评论 -
JavaScript数据类型及转换
js 数据类型 弱类型的两大类基本数据类型 number string boolean null undefined引用数据类型(复合,复杂) Object (array object function)numbervar x = 1;// typeof 用来检测数据类型// typeof x typeof(x) ()按照实际的需求去省略console.log(typeof x)...原创 2019-08-11 15:49:58 · 201 阅读 · 0 评论 -
JavaScript中的关键字与保留字
ECMA-262 描述了一组具有特定用途的关键字。这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作等。按照规则，关键字也是语言保留的，不能用作标识符。以下就是ECMAScript的全部关键字（带号上标的是第5 版新增的关键字）：break do instanceof typeofcase else new varcatch finally return voidcontinu...原创 2019-08-11 15:44:53 · 243 阅读 · 0 评论 -
利用JavaScript实现简单的点名表
如图，当点击开始start按钮时开始随机显示，当点击stop按钮时结束代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...原创 2019-08-19 21:08:47 · 739 阅读 · 0 评论 -
利用JavaScript分别实现倒计时、跑马灯和打字机效果
倒计时代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2019-08-19 21:03:28 · 269 阅读 · 0 评论 -
利用JavaScript实现动态轮播图
在以前的文章中演示了静态轮播图的做法静态轮播图的做法本文来通过添加一个定时器实现动态轮播图代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...原创 2019-08-19 20:56:10 · 312 阅读 · 0 评论 -
利用JavaScript实现简单的购物车功能
如图所示当点击加减号时总价，总件数与总价格也要改变代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...原创 2019-08-19 20:50:21 · 815 阅读 · 0 评论 -
JavaScript利用函数实现简单的文本编辑
如图当点击编辑时可以改变文本，点击取消则返回代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2019-08-19 20:46:09 · 215 阅读 · 0 评论 -
利用JavaScript实现静态轮播图
本篇例举的是静态轮播图，动态轮播图会在以后实现如图所示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2019-08-19 20:40:19 · 551 阅读 · 0 评论 -
用JavaScript实现tab切换（选项卡）
如图所示当鼠标在顶部菜单栏滑动时下方内容会发生改变注意：本文只以改变红框部分为例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...原创 2019-08-19 20:36:07 · 368 阅读 · 0 评论 -
利用JavaScript实现全选、反选、取消全选
如图所示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-08-19 20:30:43 · 371 阅读 · 0 评论 -
利用JavaScript写出V字形
如图所示 <style> div{ width: 50px; height: 50px; background: #f00; position:absolute;} </style></head><body> <script> var len = 9 for(...原创 2019-08-19 20:23:34 · 969 阅读 · 0 评论 -
利用JavaScript实现手动输入改变图形大小与颜色
在上一篇中实现了图形形状与背景颜色的变化https://blog.youkuaiyun.com/weixin_45457515/article/details/98943246这次换一种输入方式，效果如图代码如下<!DOCTYPE html><html lang="en"><style> #box { font-size: 20px;...原创 2019-08-09 10:40:45 · 496 阅读 · 0 评论 -
JavaScript利用循环嵌套写出九九乘法表和三角形
1.九九乘法表 <script> for(i=1;i<10;i++){ for(j=1;j<=i;j++){ document.write(j+'*'+i +'='+ i*j+' ') ...原创 2019-08-12 10:36:16 · 946 阅读 · 0 评论