前端知识
Amazing_deron
绝知此事要躬行。
展开
-
前端知识
1.JQuery的克隆()方法使用场景:当需要动态改变页面内容的时候,想要复制页面已有内容添加var tr = $("#tr").clone();//通过append()把复制的内容加进table,通常需要先改id属性$("#table").append(tr);//不能直接通过JQ选择器$("#table").append($("#tr"));添加/*通过克隆table已有的...原创 2018-11-20 16:03:16 · 196 阅读 · 0 评论 -
jsp:include和include的区别
<%@include...> 与<jsp:include....>指令的区别include指令:在翻译阶段(将JSP页面转换成servlet的阶段),include会读入指定的页面中的内容,并将这些内容和原来的页面融合在一起 <%@ include file=”header.html”%> 引入的页面可以只包含静态内容(例如HTML),也可以是一...转载 2018-12-20 18:34:47 · 538 阅读 · 0 评论 -
css中的display属性
理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有:none block inline inline-block inherit 下面,我将按照顺序将上述几种属性做一个完整的讲解。第一部分:display:none none这个值表示此元素将不被显示。比如,当我们在浏览网页时,如果看到了某个烦人的广告遮挡...转载 2018-12-26 15:05:00 · 2590 阅读 · 0 评论 -
前端checkbox全选反选
在前端经常遇到对复选框一键全选的操作,记录一下操作。1.典型用法function checkAllBox(){ $("input[type='checkbox'][name='myCheck']").each(function(){ if($(this).is(':checked')){ $(this).attr("checked",false); }else{ $...原创 2019-01-03 15:15:41 · 465 阅读 · 0 评论 -
前端设计
一些常规的前端设计时的流程及通用做法。1.当有要求用户勾选或者输入值,必须勾选或者输入时,应该在提交的时候,先判断必选值有没有输入或者勾选,如果没有则要求输入或者勾选,顺序为:(1)弹出提示框提示,此时直接return结束js函数,(2)把鼠标光标定位到(第一个)必填输入框,(3)用户输入后再次提交,判断通过后,弹出window.confirm("")函数,(4)用户确定后提交给后台处理,...原创 2019-01-10 15:21:49 · 1492 阅读 · 0 评论 -
通过css设置鼠标的形状
为了提高用户与页面的交互体验,通常在鼠标移到有监听事件的按钮或者a标签时改变鼠标的形状,让用户明白这是个可点击的按钮或是个有事件的按钮。具体通过CSS cursor 属性设置例如:<input type="button" onclick="myFunction();" style="cursor: pointer;"/>//移到button附近时,鼠标形状变成一只小手...原创 2019-01-10 15:48:12 · 2053 阅读 · 0 评论 -
JQuery的append(),appendTo(),prepend(),prependTo()用法
前端页面在通过ajax加载数据的时候,通常会通过返回的数据重新加载一个页面的数据或者表格,可以通过js先清空一个table的数据,然后循环遍历数据,每次循环新建一个<tr>标签,然后再把tr添加到table的结尾的方式重新渲染数据。JQuery的append()和appendTo()函数可以帮助我们实现这个处理。<!DOCTYPE html><ht...原创 2019-01-10 16:38:28 · 1672 阅读 · 0 评论 -
iframe内联框架的使用
<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容。也可以通过iframe标签打开文件,例如excle,doc等。对于iframe应该谨慎使用,因为它具有效率低,浏览器的后退按钮无效,安全性等问题。你可以把提示的文字放到 <iframe&...原创 2019-01-13 00:05:24 · 1380 阅读 · 0 评论 -
css控制元素布局
控制靠左或靠右:1、float属性(float 属性定义元素在哪个方向浮动) 值:left(元素向左浮动)、right(元素向右浮动)例:.right{ float:right; }2、position属性(position属性规定元素的定位类型) 值:absolute(生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定...原创 2019-04-17 11:19:53 · 292 阅读 · 0 评论