随笔分类 -  web前端小实例

摘要:原理:表头写一个table中,表格的内容写在另一个table中,表头的宽度同步下面的表格内容的宽度 模板: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi 阅读全文
posted @ 2020-04-01 18:00 xsan 阅读(629) 评论(0) 推荐(0) 编辑
摘要:// 处理日期'2020年3月19日'->'2020-3-19' function dealDateToStr(dealDate) { let split_1 = dealDate.split('年'); let year = split_1[0]; let split_2 = split_1[1] 阅读全文
posted @ 2020-03-19 15:22 xsan 阅读(1609) 评论(0) 推荐(0) 编辑
摘要:<div id="input_img_father_div"> <!--设置input的position为absolute,使其不按文档流排版,并设置其包裹整个布局 --> <!-- 设置opactity为0,使input变透明 --> <!-- 只接受jpg,gif和png格式 --> <inpu 阅读全文
posted @ 2020-02-17 16:03 xsan 阅读(855) 评论(0) 推荐(0) 编辑
摘要:第一种:将csrf_token放在from表单里 <script> function add_competion_goods() { $.ajax({ url: "{% url 'add_competition_goods' %}", type: "POST", dataType: "json", 阅读全文
posted @ 2020-01-05 10:10 xsan 阅读(1371) 评论(0) 推荐(0) 编辑
摘要:1 <input type="date" id="date_info" placeholder="请输入时间"/> 2 3 ...... 4 5 <script> 6 $(document).ready(function () { 7 var time = new Date(); 8 var day 阅读全文
posted @ 2019-12-24 10:13 xsan 阅读(3067) 评论(0) 推荐(1) 编辑
摘要:选款批次: 类目: 查询结果 阅读全文
posted @ 2019-08-13 21:53 xsan 阅读(3727) 评论(0) 推荐(0) 编辑
摘要:序号 类目 关键词 操作 {% f... 阅读全文
posted @ 2019-07-11 18:15 xsan 阅读(916) 评论(0) 推荐(0) 编辑
摘要:1 2 3 4 5 Title 6 16 17 18 版本号: 19 20 阅读全文
posted @ 2019-05-03 09:28 xsan 阅读(708) 评论(1) 推荐(1) 编辑
摘要:1 /** 2 * 使用循环的方式判断一个元素是否存在于一个数组中 3 * @param {Object} arr 数组 4 * @param {Object} value 元素值 5 */ 6 function isInArray(arr,value){ 7 for(var i = 0; i < arr.length; i++){ 8 if(va... 阅读全文
posted @ 2019-04-20 14:48 xsan 阅读(3287) 评论(0) 推荐(0) 编辑
摘要:全选 共选中0条 阅读全文
posted @ 2019-01-07 09:44 xsan 阅读(647) 评论(0) 推荐(1) 编辑
摘要:全选 阅读全文
posted @ 2019-01-06 11:04 xsan 阅读(2503) 评论(0) 推荐(1) 编辑
摘要:function change_style() { $.ajax({ url: "{% url 'change_style' %}", type: "GET", dataType: 'json', data: {'product_category':$('select.product_categor 阅读全文
posted @ 2018-12-20 13:40 xsan 阅读(1454) 评论(0) 推荐(0) 编辑
摘要:如果是提交表单时,可以通过$('#update_form').serialize(),直接打包提交。 阅读全文
posted @ 2018-12-20 10:06 xsan 阅读(14051) 评论(0) 推荐(1) 编辑
摘要:删除 阅读全文
posted @ 2018-12-20 09:46 xsan 阅读(235) 评论(0) 推荐(0) 编辑
摘要:var str=new String(); var arr=new Array(); str="ddd,dsd,3,dd,g,k"; //可以用字符或字符串分割 arr=str.split(','); for(var i=0;i<arr.length;i++) { alert(arr[i]); } 阅读全文
posted @ 2018-12-11 19:41 xsan 阅读(902) 评论(0) 推荐(0) 编辑
摘要:1、 去掉字符串前后所有空格: 代码如下: function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 阅读全文
posted @ 2018-12-11 19:39 xsan 阅读(399) 评论(0) 推荐(0) 编辑
摘要:注意: 1、 关闭输入框的历史记录功能 ,autocomplete="off"。否则会将用户的输入历史记录也显示出来。 2、datalist标签的id要与input标签的list属性的值一致。 3、动态获取input的输入值,给input标签绑定“keyup”事件。 4、本实例使用了jQuery和b 阅读全文
posted @ 2018-10-08 11:25 xsan 阅读(7037) 评论(0) 推荐(0) 编辑
摘要:加载并全屏轮播加载的其他网站的页面 一、 设计思路 1、使用iframe标签加载其他网站页面 2、通过js替换iframe的加载链接 3、通过js的定时器实现轮播 4、通过js实现全屏 二、代码小解 1、加载页面 <iframe src="https://www.baidu.com" width=' 阅读全文
posted @ 2018-09-02 13:47 xsan 阅读(932) 评论(0) 推荐(0) 编辑