Jmd010814-CSDN博客

原创 Canvas（画布）的使用

1 关于Canvas（画布）<canvas>是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML元素.例如,它可以用于绘制图表、制作图片构图或者制作动画. 下边的图片展示了一些的实现示例。<canvas>最早由Apple引入WebKit，用于Mac OS X 的 Dashboard，随后被各个浏览器实现。如今，所有主流的浏览器都支持它。2 准备工作2.1 添加一个Canva在HTML中添加Canvas非常简单，只需要在HTML的部分，添加上

2021-11-01 11:38:37 1680

原创 Javascript的mouseover和mouseenter的区别

1.当鼠标移动到元素上时就会触发mouseenter事件2.区别：mouseover 鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发之所以这样，就是因为mouseenter不会冒泡<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&

2021-10-22 17:36:59 255

原创（节点操作）三种动态创建元素的区别

document.write();element.innerHTML;document.createElement;1.document.write() 创建元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button"&

2021-10-17 12:44:12 115

原创 JS实现字符串翻转

今天小编来给大家实现一下字符串翻转功能：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="str" onclick="foo()" /> </body> <script&

2021-10-08 08:53:55 322

原创 CSS盒模型阴影---box-shadow

h-shadow:表示阴影的水平方向偏移的距离，是必填写的变量v-shadow:表示阴影的垂直方向偏移的距离，是必填写的变量blur:表示模糊的半径距离可以不写是可选的spread:表示阴影额外增加的尺寸，负数表示可减少的尺寸，该变量是可选的color:表示阴影的颜色是可选的insert: 表示切换为内部阴影变量是可选的注意：如果需要设置多个阴影，则用逗号将每一个阴影连接起来作为属性值<!DOCTYPE html><html lang="en"&..

2021-10-06 20:12:14 230

原创数组随机数 (Math对象：处理数学运算及数字问题)

ceil(12.01); //向上取整（上舍入） floor(12.99);//向下取整（下舍入） round(12.56);//四舍五入 random();//[0,1)之间的小数floor(Math.random()*98+2);//返回2~99之间的随机整数数组范例：<html><title>对数组排序</title><body> <script> function rand(m, n) {

2021-09-25 23:53:55 709 8

原创 JavaScript焦点处理（获取焦点focus()、失去焦点blur()）

焦点处理：焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。1.获取焦点：focus注释：当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。2.失去焦点：blur注释：blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象...

2021-09-20 18:48:19 12707 2

m0_56839193的博客