随笔分类 -  前端

摘要:点击事件on和onclick 两者之间的区别(很重要) 第1种事件 $('.XX').click('.xxx',function() { alert('xxx') }); 第2种事件 $('.XXX').on('click','.xxx', function() { alert('xxx') }) 阅读全文
posted @ 2018-10-09 11:58 xc_flying 阅读(2212) 评论(0) 推荐(1)
摘要:解决方法: 增加一个隐藏的option,就可以触发。 阅读全文
posted @ 2018-10-09 11:20 xc_flying 阅读(4601) 评论(0) 推荐(0)
摘要:autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。 注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, sear 阅读全文
posted @ 2018-08-01 13:42 xc_flying 阅读(409) 评论(0) 推荐(0)
摘要:简单例子: 1、下载clipboard.min.js,并在页面中引用 <script type="text/javascript" src="script/clipboard.min.js"></script> 2、在script中写实例化语句: <script type="text/javascr 阅读全文
posted @ 2018-04-26 13:56 xc_flying 阅读(177) 评论(0) 推荐(0)
摘要:https://c.runoob.com/codedemo/3852 阅读全文
posted @ 2018-04-04 17:29 xc_flying 阅读(202) 评论(0) 推荐(0)
摘要:以上为自定义添加验证规则。 以上为表单提交,验证方法。 以上为生成动态表单,以及为动态表单元素添加验证规则。 阅读全文
posted @ 2018-04-04 16:17 xc_flying 阅读(1648) 评论(0) 推荐(0)
摘要:虽然说ajax用来执行异步请求的比较多,但有时还是存在需要同步执行的情况的。 比如:我需要通过ajax取执行请求以返回一个值,这个值在ajax后面是需要使用到的,这时就不能用异步请求了。这时候就需要使用到async这个属性了。 async:true,(默认),异步方式,$.Ajax执行后,会继续执行 阅读全文
posted @ 2018-02-24 16:43 xc_flying 阅读(1265) 评论(0) 推荐(0)
摘要:网址: http://www.my97.net/ 例子: 阅读全文
posted @ 2018-01-12 16:37 xc_flying 阅读(255) 评论(0) 推荐(0)
摘要:API地址: http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html 用处: 自定义某些信息的查看方式 举例: 列表中,有些特别信息,需要你鼠标移动到 该列表名称上,然后列表右侧出现窗口显示该对应信息。 关键代码: <p data- 阅读全文
posted @ 2018-01-12 14:28 xc_flying 阅读(510) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-01-12 11:20 xc_flying 阅读(1009) 评论(0) 推荐(0)
摘要:<script type="text/javascript" src="__PUBLIC__/Admin/js/lib/jquery.validation/1.14.0/jquery.validate.js"></script><script type="text/javascript" src=" 阅读全文
posted @ 2018-01-12 10:21 xc_flying 阅读(387) 评论(0) 推荐(0)
摘要:window.parent.location.reload(); //父页面重载 var index = parent.layer.getFrameIndex(window.name); //获取自身索引 parent.layer.close(index); //关闭自身 阅读全文
posted @ 2018-01-12 09:39 xc_flying 阅读(187) 评论(0) 推荐(0)
摘要:<!--_meta 作为公共模版分离出去--><!DOCTYPE HTML><html><head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X 阅读全文
posted @ 2018-01-11 09:55 xc_flying 阅读(711) 评论(0) 推荐(0)
摘要:当你要 保存 x,y,z 这种字符串的时候,经常用到前端页面上的操作。 这里要说的是,var TitleInput = [], 创建数组,然后给数组里添加元素,最后 赋值给 input 的时候,数组格式会自动转化成 上述格式。 阅读全文
posted @ 2017-12-26 16:53 xc_flying 阅读(467) 评论(0) 推荐(0)
摘要://js in_array方法 function in_array(all,one) { for(... 阅读全文
posted @ 2017-12-26 16:40 xc_flying 阅读(107) 评论(0) 推荐(0)
摘要:$.ajax({ type: 'Get', url: 'http://tour.57us.cn/tour/dojson/', dataType: "jsonp", }); 阅读全文
posted @ 2017-12-21 12:00 xc_flying 阅读(114) 评论(0) 推荐(0)
摘要:那么,如果想让一个元素的百分比高度height: 100%;起作用,你需要给这个元素的所有父元素的高度设定一个有效值。换句话说,你需要这样做: 现在你给了这个div的高度为100%,它有两个父元素<body>和<html>。为了让你的div的百分比高度能起作用,你必须设定<body>和<html>的 阅读全文
posted @ 2017-12-21 09:43 xc_flying 阅读(4707) 评论(0) 推荐(0)
摘要:var index = layer.open({ type: 2, title: title, content: '{:U('TourProduct/getAttractionsImg')}' + '?product_id=' + id, area: ['70%', '80%'], ... 阅读全文
posted @ 2017-12-20 17:28 xc_flying 阅读(1558) 评论(0) 推荐(0)
摘要:function PreviewImage(imgFile,key,key1,key2) { var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length); filextension=filextension.toLowerCase(); if... 阅读全文
posted @ 2017-12-06 11:53 xc_flying 阅读(227) 评论(0) 推荐(0)
摘要:实现滚动条超过一定距离, 导航栏悬浮在最上方的功能。 阅读全文
posted @ 2017-12-06 11:38 xc_flying 阅读(1681) 评论(0) 推荐(0)