js+html
文章平均质量分 57
扰乱浮尘
这个作者很懒,什么都没留下…
展开
-
jQuery 汉字转拼音
首先引入js文件<script src="Convert_Pinyin.js"></script>HTML代码 <body> <div> 输入名称:<input type="text" id="chinaName" onBlur="ConvertName()" /> <br/> 全写拼音:<input type="text.原创 2021-04-12 17:09:16 · 1333 阅读 · 0 评论 -
js 文件大小转化
<script>// c 参数:表示要被转化的容量大小,以字节为单// b 参数:表示如果转换时出小数,四舍五入保留多少位 默认为2位小数function formatBytes(a, b) { if (0 == a) return "0 B"; var c = 1024, d = b || 2, e = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], f = Math.floor(Math.log(a) /原创 2021-03-22 14:19:50 · 830 阅读 · 0 评论 -
js 实现input框或textarea的文本复制功能
span标签的内容作为可视内容,然后写一个只读的input框,样式设为透明的,置于z-index底层;/*输入框样式*/.input-item { width:auto; height:18px; position: absolute; right:80px; margin-top:2px; opacity: 0; z-index: -10; text-align: right;}/* 复制按钮样式 */.copy-btn { width: 40px; height: 22px原创 2020-08-20 10:58:42 · 2064 阅读 · 0 评论 -
js 把对象存入数组中
var params = [];var info= { "张三" : "21", "李四" : "32", "王五" : "14", "小红" : "31", "小兰" : "24", "王明" : "22", };for ( var key in info) { var param = {}; param.name= key; param.age= info[key]; params.push(param);}console.log(params);//结果[原创 2020-08-12 16:29:02 · 23189 阅读 · 0 评论 -
js对数组中的对象数据去重
去除重复的name数据(旧数据),只存储最新的唯一数据 var params = [ {name: "张三", age: 15, sex: "男"}, {name: "李四", age: 21, sex: “女”}, {name: "张三", age: 32, sex: "男"}, {name: "王五", age: 24, sex: "男"}, ]; var obj = {}; for(let i = 0; i < params.length; i++) { f原创 2020-08-12 16:18:24 · 539 阅读 · 0 评论 -
关于js的一些功能实现
手机号和运营商的判断 //手机号格式 if ((/^1(3|4|5|6|7|8|9)\d{9}$/.test(phoneNum))) { alert("号码格式正确"); } else { alert("号码格式错误,请重新填写"); } //判断运营商 function checkMobile(telphone) { var isChinaMobile = /^1(3[4-9]|5[012789]|8[23478]|4[7]|7[28]|9[8])\d{8}$/原创 2020-07-15 15:05:31 · 185 阅读 · 0 评论 -
二级联动(下拉框获取数据)
一、介绍注: (从数据库中获取值)加载页面后直接获取第一个下拉框的数据,当选择值后,查询该数值相匹配的数据,放到第二个下拉框中,效果图如下:二、代码展示1、HTML代码:<div class="layui-form-item"> <label class="layui-form-label">公寓</label> <div cl...原创 2019-12-23 21:00:50 · 2383 阅读 · 8 评论 -
Ajax介绍
一、同步交互和异步交互同步: 提交请求->等待服务器处理>处理完毕返回这个期间客户端浏览器不能干任何事。异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情) ->处理完毕。同步 是指: 发送方发出教据后,等搜收方发回响成以后才拨下一个数据包的通讯方式。异步 是指: 友后有发出教据后,不等接收方发回响成,接看发送的个数据包的通讯方式。二、Ajax的...原创 2019-12-06 12:01:44 · 95 阅读 · 0 评论 -
jQuery操作dom
一、改变背景透明度opacity:透明度设置,值域(0-1之间),越小,透明度越高。HTML代码:<div id="div"></div>css代码:<style type="text/css"> #div{ width: 100px; height: 100px; background-color: red; ...原创 2019-12-05 12:18:53 · 83 阅读 · 0 评论 -
jQuery事件
一、鼠标悬停与移开事件mouseover:鼠标悬停事件mouseout:鼠标移开事件css样式:<style type="text/css"> li{ list-style: none; float: left; margin: 10px; } .show{ background-color: aqua; } ...原创 2019-12-04 11:36:34 · 74 阅读 · 0 评论 -
jQuery基本选择器
一、常用选择器1、标签选择器通过标签名称来获取所有的标签属性<body> <h1>惊沙猎猎风成阵,白雁一声霜有信</h1> <script type="text/javascript"> $("h1").css("background","red"); </script></body>2、类选择器通过标...原创 2019-12-04 10:28:53 · 140 阅读 · 0 评论 -
ajax常用属性(实现前后端分离)
一、首先先介绍一下ajax是什么Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新...原创 2019-11-02 10:45:47 · 713 阅读 · 0 评论 -
jQuery做一个计时器
一、功能介绍1、该计时器有四个功能,开始,计时,暂停,重置2、每隔一秒计时框字体会变色3、代码也比较简单,下面先看效果二、下面直接看代码:1、html代码: <body> <div id="showTime"></div> <div id="button"> <input type="button" value="...原创 2019-10-30 19:35:39 · 3219 阅读 · 0 评论 -
Ajax&Servlet获取表数据
最下面有惊喜哦一、功能介绍1、首先通过登录界面来进行登录(登录的账户密码,是从数据库中获取的)2、登录成功,则跳转到图书信息查询结果界面3、登录失败则无跳转,并显示登录失败效果图:二、代码实现HTML项目目录web项目目录:数据库建两个表(用户账户表(users)和图书信息表(book)):1、首先先写一个登陆界面,然后进行正则表达式的判断,如果判断都成功则给登录按...原创 2019-10-27 23:40:23 · 1188 阅读 · 4 评论 -
正则表达式&Ajax&Servlet 用户登录
一、功能介绍1、用jsp、jQuery和ajax做个一个登录界面的判断是否登录成功,来看效果图:a、当输入框正则表达式判断成功时,会改变登录按钮的背景色,并赋予一个可点击事件,如果用户名和密码不正确时,提示登录失败b、当正则表达式有一个不成立时,按钮不改变背景色,并没有可点击事件c、当所有条件都成立时,并且输入用户名和密码都正确时,就可以跳转界面2、效果看完了,是不是感觉还可以,那...原创 2019-10-25 18:38:29 · 634 阅读 · 0 评论 -
jQuery实现一个非常简单的农场游戏
一、功能介绍1、首先该小游戏,主要由HTML、css和jQuery写出来的,功能可以实现控制播种、生长、开花、结果。收获功能,让我们来看下效果图:2、下面就来看代码的具体实现:HTML代码:<div id="bg"></div><!-- 农场--> <span id="seed"></span><!-- 播种-->...原创 2019-10-23 20:46:26 · 626 阅读 · 0 评论 -
jQuery写一个简单的列表样式
一、今天又学了jQuery的各种知识,就写了一个关于列表的样式,效果如下图:代码也比较简单,我们直接来看代码:1、首先先写HTML代码,主要使用四个主菜单、若干个子菜单、以及div来写的,代码如下(注:这里主要是用ul、li和div标签的混用):<ul class="zhu"> <div class="menu1"> <li> 菜单一 ...原创 2019-10-23 15:02:00 · 478 阅读 · 0 评论 -
自定义移动方向的快捷键
一、今天空闲时间写了一个自定义移动方向的快捷键,并控制了图片移动的范围,开始写的时候,遇到了问题,就是如何让它一个一个获取不同键位上的键码,然后搜了下,找到了解决办法,具体代码在后面效果图如下:二、具体效果实现思路1、先写出界面效果,并给图片设置移动范围,再写四个输入框,来自定义上下左右方向,下面来看CSS样式代码:<style type="text/css"> #di...原创 2019-10-16 20:02:13 · 253 阅读 · 0 评论 -
当输入框失去焦点时,判断内容是否符合正则表达式
今天总结了一下正则表达式的用法,以及输入框失去焦点的事件,具体效果如下:一、下面来看下具体代码吧1、先写出几个输入框,然后,在input里写一个失去焦点的事件方法οnblur=“ ”,以及ID,HTML代码如下:<table align="center"> <tr> <th>用户名:</th> <td><...原创 2019-10-16 16:47:33 · 5846 阅读 · 0 评论 -
js+html实现电灯的打开与关闭
js+html实现电灯的打开与关闭第一次写博客,有什么不好的地方还请告知一、介绍其实就是不同图片的转换来实现电灯的打开和关闭 ,并且显示打开和关闭的时间1.当点击on或短灯绳时电灯变亮,并显示打开时间2.点击off或长灯绳时,电灯不亮,并显示关闭时间这是代码实现之后的界面,接下来看代码二、先写好界面的代码,如图:<div style="width: 900px; heigh...原创 2019-10-23 14:14:20 · 1184 阅读 · 0 评论