![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
javascript基础
线程撕裂者+
莫愁前路无知己,天下谁人不识君
展开
-
javascript&canvas动态时钟绘制
javascript自动获取时间的时钟实现效果如下:源码展示<!DOCTYPE html><html><head><title>HTML5 Canvas Demo of clock</title><script>function time(){ var mycanvas=document.getElementById("myCanvasTag"); var mycontext=mycanvas.getC原创 2021-04-04 04:54:09 · 203 阅读 · 0 评论 -
javascript&canvas自定义画板
主体部分<head> <meta charset="UTF-8"> <title></title> <style> #box { width: 600px; height: 500px; margin: 100px auto; background-color: orange; } #box nav { width: 100%; height: 100px; } #bo原创 2021-04-04 04:47:41 · 388 阅读 · 0 评论 -
javascript中string数据类型
javascript中string数据类型在js中一般文本的这种数据类型 把它看成是字符串一般用 双引号或单引号来表示。一般会把字符串称为String类型 因为在js中所有的数据类型都是var 所以要分辨出String类型是比较容易,因为双引号是字符串的标识。例如 “123”字符串的长度用length来表示,注意:数组的长度使用的也是length在js中length为属性字符串的样式文本字符串类型的数据可以和html的标签联合使用例如 var text = ”123”+””indexO原创 2021-03-21 00:54:29 · 634 阅读 · 0 评论 -
javascript事件冒泡
javascript事件冒泡鼠标离开事件(onmouseout):(1)鼠标通过粉色区域进入蓝色区域,会触发粉色区域的鼠标离开事件;(2)鼠标通过蓝色区域进入粉色区域,会触发蓝色区域的鼠标离开事件,并触发粉色区域的鼠标离开事件;(3)鼠标进入蓝色区域(不进入粉色区域),会触发蓝色区域的鼠标离开事件,并触发粉色区域的鼠标离开事件;出现以上这些问题的原因就是 事件的冒泡解决代码实例:<!DOCTYPE html><html lang="en"><head>原创 2021-03-21 00:48:49 · 72 阅读 · 0 评论 -
javascript原生代码实现轮播图片
javascript原生代码实现轮播图片原理:一系列的大小相等的图片平铺,利用CSS布局只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。案例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">原创 2021-03-21 00:37:42 · 385 阅读 · 0 评论 -
javascript事件实例
javascript事件实例在javascript中存在一个对象Event 事件对象 代表事件的状态一、onblur 元素失去焦点二、Onchange表示域的值发生变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript">原创 2021-03-21 00:27:42 · 111 阅读 · 0 评论