前端
关注
分享
扫一扫
远方©
弯得下腰、沉得住气、变得了脸、抬得起头。
展开
-
HTML超文本标记语言-相关总结
一、 HTML相关标签：1. <!--...--> 定义注释。2. <!DOCTYPE> 定义文档类型。3. <a> 定义锚。4. <abbr> 定义缩写。5. <acronym> 定义只取首字母的缩写。6. <address> 定义文档作者或拥有者的联系信...原创 2019-04-23 14:45:13 · 236 阅读 · 0 评论 -
JavaScript应用-Angular.js的使用
1、ng-app 表达式<html><head> <title>表达式</title> <script src="angular.min.js"></script></head><body ng-app> 打印结果：{{100+100}}</body></html&g...转载 2019-04-25 08:52:06 · 271 阅读 · 0 评论 -
JavaScript基础-JQuery应用《上》
一、选择器1、基本选择器id选择器： #id元素选择器：elementclass选择器：.class匹配所有元素： *<!DOCTYPE html><html><head> <title>基本选择器</title> <meta http-equiv="content-type" content="text/htm...转载 2019-04-25 08:52:46 · 216 阅读 · 0 评论 -
JavaScript基础-JQuery应用《中》
一、动画效果：显示/隐藏/切换<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Insert title here</title> <script src="/js/jquery-3.3.1.min.js"></s...转载 2019-04-25 08:52:52 · 168 阅读 · 0 评论 -
JavaScript基础-JQuery应用《下》
一、Jquery封装Ajax操作1、$.ajax请求方式：格式function fun() { $.ajax({ url:"ajaxServlet" , type:"POST" , data:{"username":"jack","age":23}, success:function (data) { alert(data); }, error:funct...转载 2019-04-25 08:52:58 · 99 阅读 · 0 评论 -
JavaScript基础之Dom对象
一、Document：文档对象1、创建(获取)window.documentdocument2、方法//获取Element对象getElementById() //id获取元素对象。id属性值一般唯一getElementsByTagName() //名称获取元素对象们。返回值是一个数组getElementsByClassName() //Class属性值获取元素对象们。...转载 2019-04-25 08:53:48 · 128 阅读 · 0 评论 -
JavaScript基础之Bom对象
一、Window：窗口对象1、方法//弹框alert() //弹消息confirm() //弹确认框prompt() //弹输入框//开/关 窗口：close() //关闭浏览器窗口open() //打开浏览器窗口//与定时器有关的方式setTimeout() //一次性定时器达式。clearTimeout() //取消setTimeout()设置setIn...转载 2019-04-25 08:53:52 · 128 阅读 · 0 评论 -
HTML不错的自定义弹出框
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request...转载 2019-05-23 09:03:03 · 2734 阅读 · 0 评论 -
JS正则验证大全
/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } ...转载 2019-08-27 16:13:59 · 1136 阅读 · 0 评论 -
使用JavaScript实现Input输入数据后自动计算并实时显示
代码实现：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <script type="text/javascript">...转载 2019-04-25 08:52:14 · 4544 阅读 · 0 评论 -
JavaScript实现滑动条的简单验证
效果图：给大家一个下载网址：http://sc.chinaz.com/jiaoben/160330568920.htm下载好后解压压缩包：找到drag.js文件：注意上方的两张效果图，有没有发现拖动前和拖动后的字都不一样，拖动前的字是：拖动滑块验证。拖动后的字是：验证通过。给它设置一个id，名为haha,目的就是来接受在没滑动前的几个字，就是通过字来验证登陆。好了，有了id后我们自然...转载 2019-04-25 08:52:21 · 491 阅读 · 0 评论 -
JavaScript实现计算器 功能
代码实现：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>js从入门到放弃</title></head><body><input...转载 2019-04-25 08:52:28 · 1745 阅读 · 0 评论 -
CSS层叠样式表-相关总结
**字体属性：(font)** 1.大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 2.样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3.行高 {line-height: normal;}...转载 2019-04-23 15:07:27 · 217 阅读 · 0 评论 -
JavaScript实现密码框小眼睛按钮的显示与隐藏
眼睛小按钮的实现需要借助fontawesome里面的小图标：http://fontawesome.dashgame.com/引入font-awesome文件：<!doctype html> <html> <head> <meta charset="utf-8"> <title>...转载 2019-04-24 09:49:24 · 3223 阅读 · 0 评论 -
JavaScript实现剪切板复制功能
实现input框复制功能<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </s...转载 2019-04-24 09:51:47 · 292 阅读 · 0 评论 -
Angular.js实现一键全选的功能
实现代码如下： <head><title>撸起袖子加油干</title><meta charset='utf-8'><script src="http://www.jq22.com/jquery/angular-1.4.6.js"></script><script src="__STATIC__/js/jq...转载 2019-04-24 09:54:24 · 384 阅读 · 0 评论 -
清除Input密码框的缓存方法
<input type="text" name="name" id="name" autocomplete="off" >只需要在input密码框后面加上 autocomplete=“off” 属性即可。原创 2019-04-24 10:00:22 · 1053 阅读 · 0 评论 -
JavaScript正则表达式验证手机号格式
<input type="text" placeholder="请输入手机号" class="inp" name="uphone" id="uphone" style="width: 50%;">var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if(!myreg.test(uphone)) { alert("请输入正确的手机号格式")...转载 2019-04-24 10:05:17 · 322 阅读 · 0 评论 -
JQuery给表单id元素、HTML标签id元素赋值
一、jquery给表单元素赋值：<input type="text" placeholder="手机验证码" class="inp" name="yzm" id='yzm' >var yzm=$("#yzm").val('我是被添加的值'); 二、jquery给html元素赋值：<div id='box'></div>var yzm=$("#yzm"...转载 2019-04-24 10:08:08 · 5969 阅读 · 0 评论 -
JavaScript实现全选、反选、不选 功能
实现代码：<!DOCTYPE html><html><meta charset='utf-8' /><body><input type='checkbox' name='id' />哈哈<br/><input type='checkbox' name='id' />哈哈<br/><i...转载 2019-04-24 10:11:31 · 248 阅读 · 0 评论 -
常用js正则表达式大全
一、校验数字的js正则表达式 1 数字：^[0-9]*$ 2 n位的数字：^d{n}$ 3 至少n位的数字：^d{n,}$ 4 m-n位的数字：^d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(-)?d+(.d{1,2})?...转载 2019-08-27 16:21:30 · 2958 阅读 · 0 评论