HTML前端
关注
分享
扫一扫
梦因you而美
因为坚守，所以花开不败！
展开
-
HTML 表单input录入内容校验
1 知识点准备1.1 JavaScript 正则表达式JavaScript 正则表达式：https://www.runoob.com/js/js-regexp.html1.2 onkeyup 事件onkeyup 事件会在键盘按键被松开时发生，当用户释放键盘按钮时执行Javascript代码：<input type="text" onkeyup="myFunction()">提示：与onkeyup 事件相关的事件发生次序：onkeydown 键盘按键被按下时发生..原创 2020-07-08 17:24:25 · 6007 阅读 · 1 评论 -
input 上传文件的判断
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文件上传系统</title> <script type="text/javascript" src="ht.原创 2020-07-07 23:49:00 · 1799 阅读 · 0 评论 -
js的弹出框
js的弹出框包括三种：alert、confirm、prompt1 alert()alert()方法有一个参数，就是用户想弹出的内容，弹出框很简单，就一个显示功能，你可以点击确认关闭这个弹出框。例如：alert("hello world！");下图依次是IE浏览器、 火狐浏览器和谷歌浏览器的运行效果：2 confirm()confirm()方法要求用户进行选择。确认或者取消，分别对应着confirm 方法的返回值为 true 或 false。例如：var.原创 2020-07-07 22:57:24 · 3626 阅读 · 0 评论 -
js (jQuery) 创建 form 并提交
功能说明：点击前端页面的删除按钮，向后端提交Form表单，进行文件删除操作// 删除文件function Delete(file_name, cid) { // 提示是否删除该文件 var flag = confirm("确定要删除【" + file_name + "】文件？"); // 点击确定 if (flag == true) { var deleteURL = "/delete"; // 要提交的URL var tes...原创 2020-07-07 11:12:52 · 972 阅读 · 0 评论 -
javascript入门及进阶
1 JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。前端三大块：1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3、JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能...原创 2018-08-25 21:51:51 · 972 阅读 · 0 评论 -
html和css高级
1 CSS盒子模型1.1 盒子模型解释元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：把元素叫做盒子，设置对应的样式分别为：盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距（又称内间距）(padding)、盒子与盒子之间的间距（又称外间距...原创 2018-08-24 18:12:35 · 1198 阅读 · 0 评论 -
html和css进阶
1 相对地址与绝对地址网页上引入或链接到外部文件，需要定义文件的地址，常见引入或链接外部文件包括以下几种：<!-- 引入外部图片 --><img src="images/001.jpg" alt="图片" /><!-- 链接到另外一个网页 --><a href="002.html">链接到网页2</原创 2018-08-22 20:55:37 · 1046 阅读 · 0 评论 -
html 和 css 入门
1 html概述及html文档基本结构1.1 html概述HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。1.2 html文档基本结构一个html的基本结构如下：...原创 2018-08-21 23:13:02 · 911 阅读 · 0 评论 -
javascript入门及进阶之综合实例
网页换肤html 代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&q原创 2018-08-27 21:24:19 · 1096 阅读 · 0 评论 -
javascript高级
1 数组及操作方法数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。1.1 定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];1.2 操作数组中数据的方法1、获取数组的长度：aList.length;var aList = ...原创 2018-08-28 08:56:23 · 1009 阅读 · 0 评论 -
JavaScript总结
JavaScript： 网景公司：推出了网景浏览器，创造了javascript语言。目的是为了在浏览器端跟用户进行交互。 ECMAScript： 网景想把js作为一个标准。找到欧洲计算机协会（ECMA）进行标准化262。 ECMAScript版本： 99年3.0版本。 2012年ECMAScript 5.0简称ES5。 2015年推出6.0版本简称ES6。...原创 2018-09-04 14:46:07 · 935 阅读 · 0 评论 -
CSS总结
CSS：层叠样式表(英文全称：Cascading Style Sheets)<div style="color:red;"> <span style="font-size:40px;">你好</span></div> 样式：Style 用来设置元素（标签）的显示效果的 格式：选择器{ 属性: 值; ...原创 2018-09-03 11:40:15 · 909 阅读 · 0 评论 -
HTML前端总结
页游B/S (Browser Server)浏览器/服务器：优点：不用单独安装客户端和更新包。缺点：画质差端游C/S(Client Server)客户端/服务器：安装客户端、更新需要使用更新包。所有用户都需要安装更新包。优点：利用计算机全部的性能前端开发：HTML：Hyper-Text Markup Language（超文本标记语言） 超文本：在普通文本...原创 2018-09-02 20:56:40 · 1772 阅读 · 2 评论 -
JQuery高级
事件冒泡、事件委托、Dom操作、javascript对象、json数据格式、ajax以及jsonp。1 事件冒泡1.1 什么是事件冒泡一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事...原创 2018-09-02 18:27:32 · 884 阅读 · 0 评论 -
CSS中常用中文字体（font-family）的英文名称
宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 ...原创 2018-09-02 09:32:17 · 1161 阅读 · 0 评论 -
JQuery进阶
jquery特殊效果、链式调用、属性操作、jquery循环、jquery事件、表单验证。1 jquery特殊效果fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); ...原创 2018-09-01 09:44:30 · 966 阅读 · 0 评论 -
JQuery入门
jquery的加载、jquery选择器、jquery的样式操作、jquery的click事件、jquery动画。1 jquery介绍jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版...原创 2018-09-01 09:29:53 · 833 阅读 · 0 评论 -
jQuery总结
jQuery需要重点关注的几个点： 1、如何在页面加载完成时执行代码。 $(function(){}) $(document).ready(function(){}) 2、如何选择元素对象 1、使用选择器选择 2、使用过滤器对之前的选择的元素进行过滤 3、对选择的元素进行转移（族谱上进行转移） 3、操作元素对象： 1、操作对象的样式 css({...原创 2018-09-04 15:09:26 · 1035 阅读 · 0 评论