html5基础
qq_1913284695
这个作者很懒,什么都没留下…
展开
-
jq怎么判断iframe是否加载完
需要的效果如下:贴吧类型的主页面,希望点击下面的帖子就可以看到帖子详情页,然后点击帖子上的返回按钮可以返回到点前浏览的地方。主页面如下:问题:帖子列表是ajax请求,一次性加载10条数据,采用超链接跳转详情页之后,再返回主页面,主页面的帖子列表需要重新请求,如果说用户已经看到第五页的帖子,点击详情,再次返回主页面时,帖子只会请求显示第一页数据,这样用户需要在再加载4次数据才能找到自己浏览的...原创 2019-09-08 22:02:45 · 778 阅读 · 0 评论 -
websql
/* * ! WEB SQL | (c) 2015 Ma Meng email:mameng@cvnsiny.com * email:925876359@qq.com */// 数据库var dataBase = openDatabase("mocase.db", "1.0", "经营情况信息数据库", 10 * 1024 * 1024);// 创建数据表orgsfunc转载 2016-08-19 18:55:11 · 3340 阅读 · 0 评论 -
拖放本地图片到网页中
拖放本地图片到网页中 .box{ width: 500px; height:500px; } #box1{ background-color: #cccccc; } js:var box1,msg;windo原创 2016-06-21 12:02:04 · 1653 阅读 · 0 评论 -
将页面图片拖放到页面某区域
js代码var box1,box2,msg,img1;window.onload=function(){ box1=document.getElementById("box1"); box2=document.getElementById("box2"); msg=document.getElementById("msg"); img1=document.getElementB原创 2016-06-21 10:53:06 · 2531 阅读 · 0 评论 -
Web储存
转载 2016-07-26 21:26:43 · 253 阅读 · 0 评论 -
color--input新属性,颜色选取器,其他类型search,tel
可以选取颜色,改变背景色原创 2016-06-06 10:41:32 · 859 阅读 · 0 评论 -
mark使某些文字高亮显示,表示强调
我是呜呜呜呜呜呜原创 2016-06-06 14:23:39 · 400 阅读 · 0 评论 -
details——内容可伸缩的标签
我爱我家 超级好看的温情的哭戏,你准备和我一起哭了吗? function onc(details){ var p=document.getElementById("p"); if(details.open){ p.style.display="none"; }else{ p.style.display="block"; }原创 2016-06-06 12:03:11 · 348 阅读 · 0 评论 -
figure,figcaption的用法
figure表示一个独立的模块,figure中最多有一个figcaption,figcaption表示标题,必须在figure内部任意位置都可以,他们一般用于图,代码,视频,音频等 图片原创 2016-06-06 11:48:53 · 1395 阅读 · 0 评论 -
checkValidity()——表单验证
novalidate="true"取消表单默认验证,自己来处理结果,email.checkValidity()验证方法 邮箱: function testform(){ var email=document.getElementById('email'); if(email.value==''){原创 2016-06-06 11:36:03 · 13434 阅读 · 0 评论 -
output——标签,拖动进度条,显示进度
12% function onc(){ var range=document.getElementById("range").value+"%"; document.getElementById("output").value=range; }原创 2016-06-06 11:01:40 · 555 阅读 · 0 评论 -
range——input新属性,可拖动的进度条
也可以点击上下键微调原创 2016-06-06 10:29:13 · 8620 阅读 · 0 评论 -
valueAsNumber将字符串转化成数字,number属性
+=用vlaue+=用valueAsNumber原创 2016-06-06 10:07:47 · 2324 阅读 · 0 评论 -
number——input新属性,提交时自动检测数字格式,大小
提交时自动检测数字格式,大小; 可编辑手动输入,也可以点击上下键调节大小 <!-- 最大值:100 最小值:5 每次递增:5 提交时自动检测数字格式,大小 可编辑手动输入,也可以点击上下键调节大小 -原创 2016-06-06 09:47:36 · 10380 阅读 · 0 评论 -
week——input新属性,显示年周
显示为几年的第几周原创 2016-06-06 09:40:46 · 1059 阅读 · 0 评论 -
month——input新属性,显示年月
原创 2016-06-06 09:38:19 · 3360 阅读 · 0 评论 -
layer弹出框
var i=0;function btip(content,type,url){ if(type==0){ layer.open({ content: content ,skin: 'msg' ,time: 2 //2秒后自动关闭 }); }else if(type==1){ if(i==0) layer.open({ content:原创 2016-10-09 12:07:31 · 1883 阅读 · 0 评论 -
jQuery监听文件上传实现进度条效果
原理:给XMLHttpRequest对象的upload属性绑定onprogress方法监听上传过程var xhr=new XMLHttpRequest(); xhr.upload.onprogress=function(e){}因为jQuery默认使用的XMLHttpRequest对象是内部生成的无法直接给jq的xhr绑定onprogress方法所以只要给jQuery重新生转载 2016-10-12 13:41:02 · 2749 阅读 · 0 评论 -
前端自学大纲
转载 2019-02-17 20:13:47 · 374 阅读 · 0 评论 -
simditor图标不显示
问题如下:以前没有遇到过这个情况,想着是前端的问题,查看浏览器控制台浏览器居然找不到这些字体文件,查看项目里面是否有这些文件项目里有啊,我又看了tomcat的目录也是有这些文件的,那前台为啥就不能显实呢?会不会是这些静态资源被拦截了?解决方案。如下,在web.xml里面配置一下即可 &lt;servlet-mapping&gt; &lt;servlet-name&gt;de...原创 2019-02-16 17:13:54 · 428 阅读 · 0 评论 -
simditor编辑器,图片上传链接替换
如果将图片上传写完,那么不但可以上传本地图片,还支持粘贴截图上传的功能,但是,在浏览器里可以发现,图片还是被转化成base64的,这个时候,我们希望图片是以http的形式展现的。<textarea id="editor" placeholder="这里输入内容" autofocus></textarea>toolbar = [ 'title', 'b...原创 2017-06-12 09:52:50 · 6516 阅读 · 0 评论 -
h5的nosql
Js复制代码 window.indexedDB=window.indexedDB||window.webkitIndexedDB||winodw.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkit原创 2017-01-20 17:33:02 · 412 阅读 · 0 评论 -
h5百褶窗图片动画
.oneDiv{width: 300px;height: 300px;background: url('2.jpg') no-repeat;background-size: 100% 100%;} .canvasDIV{float: left;opacity: 0;} .d1{animation:action_rotateY 0.5s linear 1.0s 1;animation-f原创 2017-01-24 16:01:09 · 871 阅读 · 0 评论 -
css3弹出框淡入淡出4种动画
div{background: red;width: 100px;height: 100px;display: none;} @keyframes show1{ 0%{transform: rotateY(0deg);opacity: 0;} 50%{ transform: rotateY(180deg);opacity: 0.2;} 100%{ transform: rotateY(3原创 2017-01-19 17:50:36 · 39416 阅读 · 0 评论 -
socket.io.js
var testVersion = process.env.TEST_VERSION;var http = require('http').Server;var io;if (testVersion === 'compat') { console.log('testing compat version'); io = require('../dist');} else { io转载 2017-01-18 12:08:13 · 1919 阅读 · 0 评论 -
Html服务器推送事件
html: Status: Server Data: js:/** * Created by wwtliu on 14/8/18. */var serverData,statusDiv;var SERVER_URL = "index.php";window.onload = function(){转载 2016-07-26 21:03:18 · 651 阅读 · 0 评论 -
h5 真正的线程worker
推荐 http://www.cnblogs.com/feng_013/archive/2011/09/20/2175007.html原创 2017-01-16 18:26:51 · 1885 阅读 · 0 评论 -
html缓存html,css,js等
推荐文章:http://blog.csdn.net/qq_20538515/article/details/52762044转载 2016-08-01 12:40:17 · 494 阅读 · 0 评论 -
百度地图定位,也适用于ios和电脑
/* 百度地图定位 * */var positionType=null; function getLocation(){ saveUinfos('city','province','area',0,0);var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){原创 2016-12-26 18:56:55 · 494 阅读 · 0 评论 -
滚动条滑倒div的底部,扣扣发消息时
function scollToBottom(){var chatwindow=document.getElementById('chatwindow');chatwindow.scrollTop = chatwindow.scrollHeight;}原创 2016-12-16 16:30:33 · 345 阅读 · 0 评论 -
div的滚动条滑倒某个特定的id位置,扣扣加载历史消息
scollToMiddle(document.getElementById(id).offsetTop-xx)function scollToMiddle(offsetTop){var chatwindow=document.getElementById('chatwindow');chatwindow.scrollTop =offsetTop;}原创 2016-12-16 16:32:23 · 1218 阅读 · 0 评论 -
网页里引用mui的日历,城市,自定义选择标签
div,span{box-sizing: border-box;}.si_div{margin-left: 5%;width: 90%;line-height:50px;position: relative;height:35px;margin-top:25px;}.si_div div{float:left;}.si_font{width:15%;color:#333333;}.原创 2016-09-30 10:48:53 · 8626 阅读 · 1 评论 -
datetime-local,input新属性,显示年月日时分
-->原创 2016-06-06 09:35:27 · 13999 阅读 · 1 评论 -
time——input新属性,显示时分
鼠标左右将移动,上下键调节时分,也可用鼠标点击实现原创 2016-06-06 09:29:16 · 5965 阅读 · 0 评论 -
date——input新属性,日期标签
只显示年月日,键盘左右键可选择年月日,上下键可调节年月日的大小原创 2016-06-06 09:22:53 · 2739 阅读 · 0 评论 -
image按钮高度和宽度属性
图像按钮原创 2016-06-03 15:43:04 · 524 阅读 · 0 评论 -
indeterminate——checkbox属性,表示“不能确定是否选取”状态
aaa var c=document.getElementById("c"); c.indeterminate=true; 三种状态:不确定,选中,不选择原创 2016-06-03 15:37:02 · 1859 阅读 · 0 评论 -
selectionDirection——input和textarea的属性,获取用户选择文字的方向
正向选择,返回forward,反向选择,返回backford,没有选择返回none function onc(){ var c=document.forms[0]['text']; var d=c.selectionDirection; alert(d); }原创 2016-06-03 15:26:10 · 904 阅读 · 0 评论 -
pattern——文本框属性,正则式检查输入的数据格式
pattern中主要放正则表达式,提交时检数据的合法性,浏览器给出提示信息。 <!-- 表示必须输入3个a-z的某个小写字母 -->原创 2016-06-03 15:14:53 · 856 阅读 · 0 评论 -
list——文本框属性,可编辑的下拉框
为单行文本框添加一个list属性,该list属性的值是某个dadalist元素的id。datalist类似于选择框,但是用户输入的数据不再list中,用户可自行输入。datalist本身不显示,当获取焦点时才显示。 dds" name="dd"> dds" > html css js 注意:输入框的原创 2016-06-03 14:43:03 · 522 阅读 · 0 评论