Javascript、JQuery练习
Javascript、JQuery练习
一只极度渴望成长的Giser
我想好了,这辈子就做gis了
展开
-
注册按钮倒计时(setinterval)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:46 · 196 阅读 · 0 评论 -
用另一种动态创建表格的方法实现无评论刷新(insertRow(-1)-insertCell(-1))
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:24 · 201 阅读 · 0 评论 -
显示当前系统时间(new date()..getHours())
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:05 · 3474 阅读 · 0 评论 -
无刷新评论(动态表格)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:56 · 96 阅读 · 0 评论 -
清空层中的子元素(removeChild())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:42 · 960 阅读 · 0 评论 -
另一种删除层中元素的方法(innerHTML赋值为空字符串)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:44:33 · 589 阅读 · 0 评论 -
另一种动态创建表格的方法(insertRow(-1)-insertCell())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:24 · 619 阅读 · 0 评论 -
加法计算器(parseInt())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:16 · 261 阅读 · 0 评论 -
动态创建元素(createElement())
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:44:08 · 1243 阅读 · 0 评论 -
动态创建表格(td-tr-table-body)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:48 · 398 阅读 · 0 评论 -
动态操作类样式并进行类样式累加
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:39 · 198 阅读 · 0 评论 -
动态操作CSS五角星评分(onMouseOver事件onMouseOut事件set-remove-getAttribute())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:29 · 139 阅读 · 0 评论 -
动态操作CSS文本框失去焦点变颜色(注册onblur事件)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:20 · 1902 阅读 · 0 评论 -
点击哈哈其他呜呜(this.value)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:13 · 99 阅读 · 0 评论 -
js样式操作几个小练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:01 · 179 阅读 · 0 评论 -
insertBefore和appendChild的区别
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:52 · 442 阅读 · 0 评论 -
innerText和innerHTML的区别
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编...原创 2019-10-21 00:42:44 · 214 阅读 · 0 评论 -
url编码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:29 · 109 阅读 · 0 评论 -
apply()和call()方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:17 · 90 阅读 · 0 评论 -
匿名函数递归使用arguments-callee()方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:03 · 143 阅读 · 0 评论 -
三个需求小练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:41:53 · 200 阅读 · 0 评论 -
获取键盘码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:44 · 219 阅读 · 0 评论 -
使用正则表达式来判断密码强度
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:32 · 1419 阅读 · 0 评论 -
字符串replace()方法配合正则进行替换
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:14 · 282 阅读 · 0 评论 -
字符串的match()方法进行提取
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:06 · 1087 阅读 · 0 评论 -
使用正则表达式的提取组
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:40:59 · 743 阅读 · 0 评论 -
使用正则表达式判断是否是合法的邮箱
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:40:52 · 881 阅读 · 0 评论 -
使用正则表达式进行提取电话号码
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:40:37 · 2970 阅读 · 0 评论 -
使用正则表达式来判断邮政编码是否正确
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:23 · 2115 阅读 · 0 评论 -
表单元素的提交
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:12 · 152 阅读 · 0 评论 -
三个小练习
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:02 · 76 阅读 · 0 评论 -
五角星评分控件
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:52 · 216 阅读 · 0 评论 -
鼠标悬浮图片显示详细信息
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:39 · 1110 阅读 · 0 评论 -
显示图片
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:25 · 85 阅读 · 0 评论 -
控制div显示的时候的一个小问题(将display设置为空意思是使用默认值,设置为block才是显示)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:14 · 1139 阅读 · 0 评论 -
点击复选框将选中的个数及名称打印在文本框中(利用数组进行存储,复选框控件的checked属性)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:00 · 361 阅读 · 0 评论 -
以动画的方式隐藏和显示层(注意style.height的使用,只有通过style设置的属性才能在js中通过style属性访问,否则只能用offsetstyle来获取)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:37:50 · 209 阅读 · 0 评论 -
JQuery操作类样式练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> &...原创 2019-10-21 00:37:30 · 93 阅读 · 0 评论 -
JQuery中的基本过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <scrip...原创 2019-10-21 00:37:17 · 125 阅读 · 0 评论 -
利用JQuery对象操作类样式的方法写一个搜索框
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <scrip...原创 2019-10-21 00:37:08 · 81 阅读 · 0 评论