js实用小工具的制作
文章平均质量分 62
javascript的一些小工具制作
妄痴梦中
对于学习路上的一些知识进行总结,希望能帮助到各位朋友
展开
-
一文讲Cookie
本章学习目录问题的引出:问题的解决:页内目录一,Cookie的介绍二,JavaScript实现Cookie的添加三,JavaScript实现Cookie存活期的设置四,JavaScript实现Cookie的读取五,JavaScript实现Cookie的删除六,一,Cookie的介绍(小编对百度文库基于Cookie的介绍做以简单整理)Cookie的介绍:有时也用其复数形式 Cookies。是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密)原创 2021-06-20 16:36:35 · 290 阅读 · 0 评论 -
JavaScript实现随浏览器滚动的窗口
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随浏览器滚动的窗口</title> <style> .fixDiv{ width: 300px; height: 200px; background-color: sandy.原创 2021-06-18 21:44:48 · 171 阅读 · 0 评论 -
JavaScript实现鼠标控制自由移动的窗口
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用鼠标移动的窗口</title> <style> .mainDiv { width: 350px; height: 200px; border: 2px black soli.原创 2021-06-18 19:48:02 · 696 阅读 · 0 评论 -
JavaScript实现动态表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</title> <style> .bigDiv{ width: 600px; margin: 50px auto; } table{ .原创 2021-06-18 15:29:52 · 139 阅读 · 0 评论 -
JavaScript实现登录窗体
思路:就是把登陆窗放在界面之外,然后通过script内的函数改变到界面之内!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的登录窗体</title> <style> .loginDiv{ /*设置登录框的外观*/ border: sol..原创 2021-06-16 21:42:24 · 583 阅读 · 0 评论 -
JavaScript实现年月日三级联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>年月日三级联动</title></head><body onload="initYear(),initMonth()"><select id="year"></select>年<select id="month" onc.原创 2021-06-16 09:21:04 · 472 阅读 · 0 评论 -
JavaScript实现省市联动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市级联动效果</title></head><body onload="initProvince()">省份:<select id="province" onchange="fillCity()"></select>城市:&..原创 2021-06-15 21:36:04 · 1292 阅读 · 4 评论 -
JavaScript实现全选或者全不选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选或全不选</title> <style> .bigDiv { margin: 50px 500px; } </style></head><body>&l.原创 2021-06-15 19:26:11 · 131 阅读 · 0 评论 -
JavaScript实现动态时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态时间</title> <style> .bigDiv{ margin: 50px auto; width: 400px; height: 100px; .原创 2021-06-15 18:56:47 · 530 阅读 · 0 评论 -
JavaScript实现简单计时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计时器</title></head><style> .bigDiv{ margin: 50px auto; width: 200px; height: 200px; backgrou.原创 2021-06-15 17:59:06 · 1172 阅读 · 6 评论