HTML5
一只头秃的死肥宅
这个作者很懒,什么都没留下…
展开
-
Angularts将前端数据生成报表
因最近项目需求--生成报表,后台java生成太麻烦,所以上网搜了下,找到了前端生成的方法。需要用到Angular的filesaver。首先若无此插件运行终端联网下载一下:npm install file-saver --save然后在想要生成报表的ts中引入该module:import { saveAs } from "file-saver";编写调用方法:exportTab...原创 2019-04-10 16:38:01 · 721 阅读 · 0 评论 -
使用JQ来回切换样式的三种方法
方法一:使用JQ添加和删除相应样式html>html lang="en">head> meta charset="UTF-8"> style> div{ height: 600px; width: 300px; background-color: orange; }原创 2017-07-25 19:04:22 · 10658 阅读 · 1 评论 -
js正则exec,match,search用法练习
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>body>script> var str='you are a boy' var reg=new RegExp('o','g')// 匹配正则返回一个数组// 搜索的字符的下标起始位置原创 2017-07-25 10:47:53 · 524 阅读 · 0 评论 -
js正则分割字符串
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>form action=""method="post" id="form"> input type="text"id="a"value=""> input type="submit"id=""value="登原创 2017-07-25 09:20:38 · 1303 阅读 · 0 评论 -
运用js更改图片的classname来改变悬浮状态,鼠标悬浮用js改变边框
html>html lang="en">head> meta charset="UTF-8"> style> img{ width: 200px; height: 150px; margin: 30px 30px; } .a{ bord原创 2017-07-24 14:32:37 · 809 阅读 · 0 评论 -
js一次性输入一个数组求平均值
http://blog.csdn.net/youmoo/article/details/8051579 参考微博,去除数组引号原创 2017-06-11 16:38:04 · 7330 阅读 · 0 评论 -
js写斐波那契数列——不死的兔子
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>body>script> //1 1 2 3 5 8 13 21 var a=parseInt(prompt("请输入您想要知道的月份")); var b=1; var c=1;原创 2017-06-11 10:13:41 · 1035 阅读 · 0 评论 -
js练习题:猜数1~10之间
script> for(i=0;i100;i++){ var a=parseInt(prompt("请你在1~10中选出输入猜的数字")) var b=5;/*猜的数字*/ if(a0||a>10){ alert("你范围错了") }else if (a==b){ alert("原创 2017-06-11 10:09:07 · 2025 阅读 · 0 评论 -
js中的if用法
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>body>script> var a=18;// if如果是单行 执行 可以不用大括号// if 第一次执行后 后面不会再执行// 多分枝if判断 若有符合条件的分支,之后的分支不再执行原创 2017-06-11 09:45:35 · 3026 阅读 · 0 评论 -
js中的 switch判断用法
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>body>script> /*switch语句 * 一旦条件满足不会出来,直到遇到break语句*/ /*在case后的常量表达式不能相同 * case语句允许多个语句,不需要{}原创 2017-06-11 09:47:31 · 3407 阅读 · 0 评论 -
js的运算符
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>中 比较等于 俩边会转化相同类型 再比较 严格比较 用三个等于 === -->算数运算 + - * / % ++ -- -->复制运算 = += -= *= /= %= -->原创 2017-06-04 10:26:14 · 351 阅读 · 0 评论 -
js和css的外部样式区别
html>html lang="en">head> meta charset="UTF-8"> title>js和css的外部样式title>head>body>input id="d" type="button" value="666" >body>外部引用 放在body下面 从上而下 渲染 要先获取DOM里的 变量对象 再进行修饰-->原创 2017-06-04 09:52:20 · 652 阅读 · 0 评论 -
同时存在js和jq时的相互定义转换
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="jquery-3.1.1.js">script>head>body>div id="d">div>div id="e">div>body>script> var d=document.getEle原创 2017-07-25 19:06:27 · 511 阅读 · 1 评论 -
JQ获取元素的内部内容
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="jquery-3.1.1.min.js">script>head>body>div id="d"> p>saj dlska nd ap> a href="">sioa djad ja lksa>原创 2017-07-25 19:09:36 · 1813 阅读 · 0 评论 -
JQ设置更改属性和属性值
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="jquery-3.1.1.min.js">script>head>body>input type="text"name="123"value="">body>script>// 获取name属性值原创 2017-07-25 19:11:29 · 6239 阅读 · 0 评论 -
Angular前端使用ts进行文件上传
前端代码:(样式请自行搞定)<div class="file"> <div>请选择脚本文件</div> <input id="p12" #fileUpload type="file" ng2FileSelect [uploader]="upl原创 2019-02-14 16:11:41 · 1997 阅读 · 0 评论 -
Angularts中想要使用upload模块实现重复上传文件
<div class="file"><div>请选择脚本文件</div><input id="p12" #fileUpload type="file" ng2FileSelect [uploader]="uploader" multiple (change)="selectedFileOnChanged($even原创 2019-01-21 19:53:56 · 378 阅读 · 0 评论 -
Angular中在前提定义了[(ngModel)]的下拉框中的默认值
今天在工作中遇到一个问题,利用公司的框架写的前台界面传输的下拉框默认值无法设置。一开始百度,想要运用H5标签中的select中的selected属性定义一下,发现在angular中根本没有效果。然后百度angular中的方法,大多数都是在select中设置一个ng-model的属性,然后对这个属性进行各种方法,但是由于公司框架使用了[(ngModel)]的属性,无法再对其进行百度上的操...原创 2018-08-10 15:40:39 · 2482 阅读 · 0 评论 -
一个div中定义宽度在其中写一个定义了高度的div显示情况
Title .div1{ width: 200px; background-color: red; } .div2{ height: 200px; background-color: green; } 因为原创 2017-11-27 17:11:40 · 495 阅读 · 0 评论 -
通过事件,对选中的的单选框提交,弹窗提示选中的第几个单选框
Title function foo() { var radios = document.getElementsByName("radioGroup"); for (var i = 0; i < radios.length; i++) {原创 2017-11-27 10:56:03 · 1510 阅读 · 0 评论 -
H5中写一个下拉框,点击下拉框内容会出现在文本域中
朋友出去面试做的面试题,分享了下,我就拿来做做。原题:HTML中有个下拉框,包含“风,雨,雷,电”,添加事件,当选择风时,文本域内出现选择 Title 风 雨 雷 电 function ShowToText(){ document.原创 2017-11-27 10:51:14 · 11741 阅读 · 9 评论 -
JQ复选框,选择后按钮触发后出现图片,可同时出现多个图片
html>html lang="en">head> meta charset="UTF-8"> style> table { border: 1px solid red; } .td1 { height: 240px; } img {原创 2017-07-26 18:27:15 · 1361 阅读 · 0 评论 -
JQ单选框,选择后按钮出现图片
html>html> head> meta charset="UTF-8"> title>title> script src="../../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript原创 2017-07-26 18:25:25 · 2084 阅读 · 0 评论 -
jQ获取目标div中鼠标的位置信息的俩种方法
html>html lang="en">head> meta charset="UTF-8"> style> div{ background-color: red; } style> title>Titletitle> script src="../../js/jquery-3.1.1.min.js原创 2017-07-26 18:23:20 · 1818 阅读 · 0 评论 -
JQ的便利数组中的各个字符串
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../../js/jquery-3.1.1.min.js">script>head>body>div id="d">div>body>script> var arr=[2,4,6,8];原创 2017-07-26 16:30:33 · 832 阅读 · 0 评论 -
jq中的表格增删改克隆练习
html>html lang="en">head> meta charset="UTF-8"> style> table{ border: 1px solid black; border-collapse:collapse; } .d1{ width: 300原创 2017-07-26 14:32:07 · 502 阅读 · 0 评论 -
js中的递归方法
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>body>script> /* sum=0; function calc(num) { for (var i=1;i<=num;i++){ sum+=i;原创 2017-06-18 11:17:44 · 913 阅读 · 0 评论 -
js实现四则运算
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script type="text/javascript"> var a=parseInt(prompt("请输入第一个数字")) var b=prompt("请输入符号") var c=pa原创 2017-05-27 17:49:56 · 1837 阅读 · 0 评论 -
变量数据类型特点
html>html lang="en">head> meta charset="UTF-8"> title>数据类型title> script type="text/javascript"> //typeof 作用是得到变量的数据类型 var a; alert(typeof a); var c="123";原创 2017-05-27 13:43:53 · 716 阅读 · 0 评论 -
h5表单的标题和属性
html>html lang="en">head> meta charset="UTF-8"> title>表单title>head>body>表单可以和table一起使用 -->form action="tex.html"method="get" id="fo"> 属性: 用来指定表单数据提交的位置--> 属性:指定网络请求方式 (默原创 2017-03-26 20:39:27 · 1383 阅读 · 0 评论 -
表格结构化布局,方便浏览器优先渲染所想要优先显示的部位
table width="500" align="center"> 表格结构化 完整表格结构:caption thead tbody tfoot 无论各部分在表格什么位置,显示时, caption均在表格外最上方 thead 均会在表格内最上方 tfoot 均会在表格最下方原创 2017-03-26 11:21:06 · 449 阅读 · 0 评论 -
H5雪碧图
html>html lang="en">head> meta charset="UTF-8"> 雪碧图 指把所有要用的图标画在一个界面上 需要截取--> style> /*空格 后代选择器 对选中的标签的所有下级都有作用*/ #container > div{ color: red; wid原创 2017-04-10 10:58:55 · 1278 阅读 · 0 评论 -
样式中背景图片部分属性
html>html lang="en">head> meta charset="UTF-8"> style> div{ height: 300px; /*边框设置*/ border: 1px solid red; background-color: blue;原创 2017-04-10 10:29:32 · 461 阅读 · 0 评论 -
样式中字符和段落的部分属性
html>html lang="en">head> meta charset="UTF-8"> style> p{ /*前面是字体族名称,最后一个是类族名称 浏览器在显示字体的时候,依次判断是否支持当前字体,直到最后的字体系列*/ font-family:"宋体","仿宋",sans-ser原创 2017-04-10 10:28:11 · 649 阅读 · 0 评论 -
样式的部分选择器
html>html lang="en">head> meta charset="UTF-8"> style> /*标签选择器:作用于当前页面的所有匹配的标签*/ li{ color: blue; font-size: 12px; } /*类选择器 作用于当前页面所有c原创 2017-04-10 09:59:35 · 418 阅读 · 0 评论 -
h5的部分新增标签
html>html lang="en">head> meta charset="UTF-8"> title>h5标签title>head>body>特点 向下兼容 用户至上 化繁为简 无插件范式 访问通用性 引入语义 引入原生媒体支持--><!-- 1 在html中有一些元素的属性原创 2017-03-26 20:45:57 · 624 阅读 · 0 评论 -
H5表单属性
FormFormactionFormmethodPlaceholderAutofocusListAutocompletelist:指定文本框提供建议值的datalist元素,其值为datalist元素的id值。maxlength;设置文本框最大字符长度。pattern:用于输入印证的正则表达式。placeholder;输入字符的提示。readonly:文原创 2017-04-09 10:34:35 · 699 阅读 · 0 评论 -
表格基础属性和例题
html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>表格标题头-->(代表列) 更改列的属性-->包裹表格标题-->包裹表格内容-->包裹表格脚部-->选中移动 右移动tab 左移动 shift+tab-->的属性 1.border属性: 给表格添加边框原创 2017-03-21 17:40:43 · 450 阅读 · 0 评论 -
H5初步入门和相关的快捷操作
文档类型声明 1:当前页面使用的语法标准 2:浏览器按照声明标准渲染页面 -->html>标记Html文档的开始和结束-->html lang="en">网面标题-->head> 描述文档类型和编码 描述相关搜索--> meta charset="UTF-8"> meta name="description"content="我写的原创 2017-03-10 15:44:00 · 1648 阅读 · 0 评论 -
有序列表的部分属性和a超链接的部分属性 部分可能用到的行级标签
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>有序列表的属性中的属性 1.reversed倒序 列表索引的倒序显示 2.start 指定列表的开始索引 3.type 指定列表索引的类型-->ol type="i" reverse原创 2017-03-19 16:25:46 · 786 阅读 · 0 评论