前端
Potato-OvO
本人目前为大学在校学生,在CSDN中记录平时学习中所遇到的问题和笔记;方便自己以后查找和帮助有需要的人;若文章中有任何问题,欢迎大家留言评论。
展开
-
CSS设置div标签屏幕居中
CSS设置div标签屏幕居中html标签 <div class="loading"> <div> <ui-spinner active v-if="flag"></ui-spinner> </div> </div>css样式.loading { text-align: center; position: absolute; left: 50%; top:原创 2022-05-30 11:48:38 · 1149 阅读 · 0 评论 -
js实现分页
js实现分页方式一:1、html页面<!-- 下面要展示的代码 --><div id="commentDiv"> <div> {% for comment in comment_list %} <div class="col-12 list row"> <div class="col-2 icon"> <img src="/avatar/{原创 2022-04-08 10:32:44 · 3998 阅读 · 0 评论 -
js获取url参数
js获取url参数目标:js想要获取url后面的?的参数如获取:http://www.runoob.com/index.php?id=1&image=awesome.jpgurl中的id参数和image参数函数:function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); fo原创 2022-04-05 19:47:15 · 883 阅读 · 0 评论 -
解决Ajax数据展示追加问题
解决Ajax数据展示追加问题问题描述:一个Tab菜单栏,有不同的Tab标签,使用ajax传数据,首先给Tab1标签传完数据后展示,当点击Tab2标签想要展示数据时,Tab1标签的数据会出现(即Tab2标签的数据追加到Tab1数据的后面,实际上点击Tab2时Tab1数据不展示)解决办法:定义一个空的变量html,对html追加数据:var html = ""html = html + '<tr><td width="10%" align="center" class="uarti原创 2022-04-04 22:16:53 · 661 阅读 · 0 评论 -
解决ajax动态生成的数据无法获取html标签的属性值
ajax动态生成的数据如何获取html标签的属性值这是我ajax动态生成的数据:'<tr><td width="10%" align="center" class="uartilceid">'+data[i].artilceid+'</td><td width="60%" align="center"><a target="_blank" href="/article/'+data[i].artilceid+'">'+data[i].headl原创 2022-04-04 15:10:45 · 842 阅读 · 0 评论 -
Bootstrap图标库下载到本地后的引用
Bootstrap图标库的引用Bootstarp图标库的下载地址下载解压后的文件目录Ⅰ、该目录一直往下滑动有以下的一个 .css文件,将其复制下来。(可复制到你的项目文件的静态文件中)我放的位置如下:Ⅱ、之后将目录中的 fonts文件夹复制到你的项目文件中我fonts放在的项目中的位置以上便可以使用Bootstrap的图标库注:如果第Ⅰ步中的 bootstrap-icons.css 文件报错,检查一下 bootstrap-icons.css文件下的fonts文件夹的路径是否原创 2022-03-29 11:41:05 · 1400 阅读 · 0 评论 -
Bootstrap出现模态框页面抖动且出现滚动条
bootstrap打开模态框时出现页面抖动1、出现的问题2、出现问题的原因3、解决办法问题1、在未出现模态框时页面如下(此时页面正常显示):(因项目未做完,截图只截取一部分,大概知道意思即可)2、当打开模态框时:①页面不缩放时页面会向右移动②页面缩放会出现滚动条原因出现第一种情况①是因为body页面出现了 style="padding-right: 16px;":出现第二种情况②是因为出现了.modal-open如下图:解决办法修改样式,如下图,可以完美解决!!!! `原创 2022-01-24 23:30:51 · 1426 阅读 · 1 评论 -
使用ajax实现省市联动
本次实现省市联动的预期目标为:省份城市工厂数据从数据库导入;当选择省份的时候,从数据库导出省份所对应的全部城市。相应的,点击城市可以导入城市的工厂数据。下拉框的样式(只做示例,其他样式自己可选择):前端HTML代码(使用的bootstrap,截取自己写的部分代码的部分):<select class="form-control" name="" id="c1"> <option>请选择省份</option> {% for pr原创 2021-04-22 17:27:45 · 1271 阅读 · 0 评论 -
Django使用ajax实现文件数据上传(excel)
表单html: <div class='col-sm-2'> <label>添加数据:</label><br> <form action="{% url 'excel_upload' %}" method="post" enctype="multipart/form-data"> 选择文件:<input id="myfile" type="file" name="file1"/><br/>原创 2021-04-18 21:35:46 · 757 阅读 · 0 评论