HTML5
关注
分享
扫一扫
海阳之新
这个作者很懒，什么都没留下…
展开
-
css去掉iPhone、iPad默认按钮样式
在样式文件里加入如下代码即可解决：input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}原创 2015-01-15 16:59:09 · 504 阅读 · 0 评论 -
JQuery给动态加载的节点绑定有效事件
示例：给动态加载的节点绑定有效事件_测试 nav { width: 1000px; height: 50px; line-height: 50px; font-size: 0;} nav a{ display: inline-block; width: auto; height: 50px; margin-right: 10px; fo原创 2016-02-23 10:27:13 · 538 阅读 · 0 评论 -
创建属于自己项目的网页字体图标库
1、注册阿里矢量库账号 http://www.iconfont.cn/，只能用阿里体系内的账号注册（如淘宝账号、新浪微博，自我保护主义严重）2、登录后，在网页头部里找到图标库链接，点击打开，选几个图标放入购物车，这样做是为了在没有图标的情况下，先拿几个现成的来做示例，然后点击存储为新项目或历史项目。如下图：3、编辑项目，按项目需要来重新命名Font Clas原创 2016-04-15 11:57:33 · 756 阅读 · 0 评论 -
Ajax简写法及语法格式整理
Ajax测试：一、$.post()用法 $.post('./ajax.php', { id:'45',name:'Simon',sex:'男' }, function(data,status){ $('#showMess').html('学号：' + data.id+', 姓名：' + data.name + '，性别：' + data.sex);原创 2015-06-06 21:45:39 · 3798 阅读 · 0 评论 -
关于input[type=file]表单控件的相关知识点
/* Banner图片 */ $('#banner').on('change', function (e) { var files = this.files; var file; if (files && files.length) { f原创 2016-11-12 17:17:45 · 647 阅读 · 0 评论 -
input等表单项值或属性发生变化时的事件监听
HTML5增加了个事件oninput，这个监听包括：输入时、点击文本框下拉提示输入时、右键的复制、剪贴和粘贴，但由于IE9以下不支持oninput，所以加一个onpropertychange事件监听可完美解决。$(function(){ //监听手机号码输入 $("#mobile").on("input propertychange", function() {原创 2016-05-30 12:14:18 · 1256 阅读 · 0 评论 -
Bootstrap之Datatables实践总结
下载https://www.datatables.net/download/download调用<!DOCTYPE html><head><meta charset="utf-8" /><title>Datatables测试</title><script src="//code.jquery.com/jquery-1.12.4.js"></script><script src="./med原创 2017-07-19 11:31:13 · 1801 阅读 · 0 评论 -
Yaml快速入门
YAML优于xml和json格式的一种标记语言。json可以理解成Yaml的子集。 先来看个例子：#例子一#这是我的第一个Yaml格式文件，注释以井号开头，可以出现在行或段落的任意位置---- 张三- 李四- 王五#以上相当于js里的数组['张三', '李四', '王五']1、所有的 YAML 文件开始行要用三道横杠 — 2、列表中的所有成员都开始于相同的缩进级别, 并且使用一个 “原创 2017-08-31 10:10:32 · 524 阅读 · 0 评论 -
微信分享接口开发所遇到的问题
<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script> var wxconfig = []; var url = encodeURIComponent(location.href.split('#')[0]); console.info(location.href.split('#')原创 2017-11-13 15:25:55 · 1271 阅读 · 0 评论 -
JQuery跨域请求实践
在做公司项目时，遇到跨域请求问题，例如：a.domain.com子域名请求domain.com主域名程序的问题，通常在JS里是不支持跨域请求的，但从JQuery1.2后getJSON方法支持跨域读取json数据，原理是利用一个叫做jsonp的概念。下面是实践内容，留作后用。jsonp的概念：个人理解是在前端代码里取一个回调函数名称作为参数传递到服务端，服务端用这个回调函数名将处理结果包裹起来，...原创 2015-12-11 20:41:15 · 495 阅读 · 0 评论 -
iframe页面自适应宽高经验
网站最终页中有一个iframe，内容是直接嵌入第三方视频网页，但自适应问题调整了好几次没得到解决，最终在同事那解决了，留作学习并借鉴。$(function(){ var mainheight = $(document).contents().height(); var mainwidth = $(document).contents().width(); $("#main").attr原创 2015-12-10 14:42:07 · 445 阅读 · 0 评论 -
html5的新增的标签和废除的标签
新增的结构标签section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中……;HTML4中 ……。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。header元素转载 2015-02-28 14:56:14 · 451 阅读 · 0 评论 -
css3中-moz、-ms、-webkit分别代表的意思
CSS目前是比较流行的，那么css3中-moz、-ms、-webkit分别代表的意思是什么呢？他们三个分别是目前流行的三种浏览器的私有属性-moz代表firefox浏览器私有属性-ms代表ie浏览器私有属性-webkit代表safari、chrome私有属性例如：例子：设置div圆角的大小div { -webkit-border-radius: 4px; -moz-原创 2015-04-01 11:21:18 · 721 阅读 · 0 评论 -
什么是jsonp以及实例
说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只原创 2015-04-07 19:55:58 · 452 阅读 · 0 评论 -
各浏览器的cookie的name个数/最大容量限制测试
测试代码：for(var ii = 0; ii< 5000;ii++){if (!window.ia) window.ia=0;window.ia++;var s = 'a'+window.ia+'=';for (var i = 0; i < 4000;i++) s+='' +parseInt(Math.random()*10);s+= ';';//alert(s.length);转载 2015-05-01 09:58:20 · 1269 阅读 · 0 评论 -
表单数组获取示例
表单数组获取示例：//原生写法window.onload = function(){document.getElementById('test1').onclick = function(){ var objs = document.getElementsByName('price[]'); for(var i=1; i<=objs.length; i++){ alert('价格原创 2015-05-27 21:47:30 · 477 阅读 · 0 评论 -
2015最新省市地区数据级联效果
下载地址：https://github.com/vsiryxm/city代码如下：2015最新省市地区数据级联效果 =请选择= =请选择= =请选择= $(document).ready(function(){ var init_prov = '320000'; //江苏省 var init_city原创 2015-05-08 12:43:22 · 739 阅读 · 0 评论 -
解决ECSHOP中transport.js和jquery的冲突问题
在goods.dwt文件的最后面添加下面的代码即可，经IETester测试后,ie6及以上都可行。{insert_scripts files='niuzai/jquery-1.8.3.js'}$(function() {window.__Object_toJSONString = Object.prototype.toJSONString;delete Object.proto原创 2015-08-26 19:13:49 · 629 阅读 · 0 评论 -
window.location的相关用法
在做公司项目时，登录后台超时的时候，再去点击某一个页面时，出现在子窗口里显示登录页面的问题，影响用户体验，遂想改成直接跳出iframe框架，直接在当前窗口全屏打开登录页。应用到如下知识，备忘一下。exit('window.top.location.href=\''.APP_URL.'admin/login/index'.'\'');如果你要让最顶层的框架跳转，就是整个页面 window原创 2015-11-16 20:15:50 · 649 阅读 · 0 评论 -
js时间戳与日期格式之间的互转
一、将时间戳转换成日期格式// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象/** 1. 下面是获取时间日期的方法，需要什么样的格式自己拼接起来就好了 2. 更多好用的方法可以在这查到 -> http://www.w3school.com.cn/jsref/jsref_obj_date.asp */date.getFullYear(...转载 2018-09-10 17:49:28 · 331 阅读 · 0 评论