前端
纳木错没有错
明天的你是否会感谢今天的自己?
展开
-
初步理解CSS盒子模型
CSS盒子模型 全面解析原创 2017-12-15 14:00:47 · 316 阅读 · 0 评论 -
获取单选框选中行的值
//从弹窗页面的表中获取到单选按钮行的每个数据 var tr = $('input[name="ck"]:checked').parents("tr");本质就是获取到被选行的tr,找到tr后就可以做很多事了,比如取value,去元素等等。...原创 2018-08-21 10:28:51 · 2394 阅读 · 0 评论 -
java后台方法(controller层)为什么能获取到jsp页面传来的form
我们先来看一个方法:这个是controller层拦截URL后执行的一个方法,这个方法接收了页面传来 的一个XXForm类型的form。那我们不禁会问,为什么在后端就这么神奇的能接收到这个参数,今天我们就来详细讨论一下这个问题。在这个XXForm对象里面,有一个projectId属性,在jsp页面,我们先试试没有这个name的input,如图:此时我们测试后台,发现传来的fo...原创 2018-09-17 10:53:36 · 3638 阅读 · 0 评论 -
HTML select显示默认选中的值
汗,大学时期没有认真学的东西果然现在都要还 啊,不着急,慢慢学。想在一个下拉框里面默认显示选中的值的写法:加上一个selected属性就好了<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> &原创 2018-09-20 09:41:23 · 63301 阅读 · 0 评论 -
页面下拉选择框增加“全部”项并设置为默认 解决办法
需求:本来有一个供用户选择的框,把这个后台传来的List遍历出来就好,现在项目经理说要增加“全部”,并设置为默认,做法如下:<td align="right" >管理部门:</td><td> <select name="sellerMemberId" id="sellerMemberId" onchange="clearMember原创 2018-09-20 10:34:28 · 1300 阅读 · 0 评论 -
所有表单元素
如图,后三个是H5新增的简单说一下什么是表单元素:我理解的就是可以往后台传值的HTML元素,那到底怎么传呢,可以看看我这篇博客:https://blog.csdn.net/qq_39767955/article/details/82732883:...原创 2018-09-26 11:38:34 · 650 阅读 · 0 评论 -
jsp两次foreach循环输出list.list()的数据生成不规则table
先来看一下效果吧:第3、4行最后两个数据是合并的,所以说它不规则。 进入正题,我们来看看数据源:public class LadingInfo implements Serializable{ //......... private List<LadingDetail> ladingDetailList;}public class LadingD...原创 2018-09-28 22:16:07 · 3617 阅读 · 0 评论 -
下拉框select 的选项option的value 的误区
这里有一个select,代码如下:<select name="transportSupplier" id="transportSupplier" onchange="autoFill()" class="A required" style="width: 50%"> <c:forEach items="${PgSupplierInfoList}&qu原创 2018-10-08 18:15:32 · 5961 阅读 · 5 评论 -
controller层怎么获取URL里面的参数(字符串)
很多时候,特别是在使用get方法传输数据时,我们都会把简单的字符串参数传到URL里面,在后台取的时候方法有很多,在这里我说一种比较简单实用的。function abolishTransportOrder(id){ var url = contextPath_js + "/pg/sale/distribContract/abolishTransportOrder.pfv?contra...原创 2018-09-30 08:49:13 · 11967 阅读 · 0 评论 -
input 的size=“”属性和style="width:" 的区别
一般来说,这两个都可以用来设置input type=“text” 文本框的长度,但两者还是有区别:style="width:10px"的长度单位是px,size的长度单位是“字符”,看下图就知道:当两者同时使用的时候,输入框的长度由style="width:100px" 决定(本人Chrome亲测)!!!...原创 2018-09-30 17:01:19 · 8275 阅读 · 1 评论 -
JavaScript:使用bind方法创建点击事件的坑(先后出现的页面变味同时出现)
项目现有有ABC三个页面,从A可以进入B,从B可以进入C,通过点击事件联系起来。在A页面的时候,触发点击事件后B,C页面前后出现了,我回顾了一下,发现B到C页面是用bind方法做的,如下(下面的是正确写法):$(function() { $('#closeBtn').bind('click', function() { totransportOrderDetailPage.cl...原创 2018-10-17 15:08:49 · 414 阅读 · 0 评论 -
jquery closest()的用法
closest()是一个非常好用的查找祖先对象的方法,它和parent()和parents()相比,优点是简洁直观,返回0或1个对象,避免了返回很多对象而不知道怎么处理的尴尬,查找的是满足一定条件下的第一个祖先。 它的常用格式是:var tbl = $(obj).closest("table");这句js的意思是找到obj对象的第一个table祖先元素,这里的obj可以是t...原创 2018-10-22 17:25:17 · 6181 阅读 · 0 评论 -
JavaScript中this的简单用法
在JavaScript菜鸟的时候,经常看到this的用法,今天花点时间总结一下:本篇博客注重实际运用的用法(写法),背后的js原理不着重研究。页面写法:<a href="javascript:void(0);"><font color="blue" onclick="addLine(this, 'add');">新增</font></a&am原创 2018-10-22 17:38:03 · 184 阅读 · 0 评论 -
360浏览器 兼容模式下页面显示异常(出现不改出现的HTML标签)
在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶的IE浏览器中就不能正确的显示了,错误代码如下:<input name="id" id="id" hidden value="${contract.id}"> <inp...原创 2018-10-25 09:43:35 · 4547 阅读 · 0 评论 -
jquery attr()方法实例之多选框全选
attr()方法在jquery中也很常用,但它用法却有两个: 当该方法用于返回属性值,则返回第一个匹配元素的值:该例子返回img 对象的width属性<script>$(document).ready(function(){ $("button").click(function(){ alert("图片宽度: " + $("img").attr("width...原创 2018-10-24 11:07:36 · 1186 阅读 · 0 评论 -
打印PDF文件 报错:Invalid nested tag br found, expected closing tag
在打印HTML、jsp等页面为PDF时,显示了Invalid nested tag br found, expected closing tag XX等信息的话,说明你的标签没有正确的闭合。比如:<tr> </td>,一定要仔细检查要打印的页面标签,这里有一个问题,那就是换行符号<br>怎么解决。如下:<div> <p> ...原创 2018-11-02 16:32:42 · 9582 阅读 · 0 评论 -
JavaScript遍历一个table的tr
在项目中经常会遇到对table的tr、td进行操作,在这里分享一个遍历tr的方法(通过jquery实现,同样可以遍历td等)$("#projectTable > tbody tr").each(function(){ //获取tr 的Id :<tr name="project" id="1114"> 针对每一个tr,该tr都有一个id属性,该属性的值为项目id ...原创 2018-11-05 18:43:06 · 7635 阅读 · 0 评论 -
jquery 方法参数显示is not defined
有一下点击事件:<a href="javascript:void(0);" onclick="printSingleCom(${detail.transportCompany});" class="link_cblue">打印</a><br/>页面点击时报is not defined,原因是onclick=“function(Para)”的参数para..原创 2018-11-28 14:55:56 · 5739 阅读 · 0 评论 -
用jQuery(在表末尾)增加一行
经常有需求是这样的:在一张完整表的最后一行再增加一行,具体的做法如下(就不提供table的HTML代码了) var $targetTbody= $("#batchPlanTable tbody"); //.children()找到子元素,.children(“”)符合条件的子元素,仅沿着 DOM 树向下遍历单一层级 var $tr = $targetTbody.children(...原创 2018-08-21 10:26:00 · 4895 阅读 · 0 评论 -
细谈jQuery的find()和children()方法
先来说find()方法,W3C的解释是:获得当前匹配元素集合中每个元素的后代,由选择器进行筛选 常用的方法如下:$('li.item-ii').find( 必填参数 ).find方法的参数的必须的,参数可以为属性的class名(class=“XXX”),元素名(<p>元素),以及jQuery的选择器参数:.find('li')、.find( $('li') )等,find()找...原创 2018-08-21 09:58:55 · 3645 阅读 · 1 评论 -
form表单传值问题
我们都知道,页面的(jsp等)form传递到后台代码时,会有一个对应的form去接收的,一般在controller层。如下:@RequestMapping(value = "/saveContractInfo")public String saveContractInfo(PgContractForm form,Model model,WebRequest request){}在...原创 2018-08-27 17:19:15 · 8143 阅读 · 1 评论 -
第一个ASP.net网页(1)
由于实习公司要求,本人从Java转行到C#开发,在此记录下自己的“猿生”历程。首先,我们要搞清楚C#和.net的关系,C#s 一门像Java一样的很纯粹的OOP编程语言,可以说C#是有Java发展而来的(具体的故事请自己百度)。所以掌握Java语法的朋友转C#开发不是很难,在语法上的区别很小,我在以后会专门整理一下区别,然后发表博客,和大家一同讨论学习。话不多说,我们进入.net开发。原创 2017-12-13 17:46:39 · 3176 阅读 · 1 评论 -
document.write和document.getElementById("demo").innerHTML=的区别
先说结论:document.write改变的是整个HTML页面(文档),document.getElementById("demo").innerHTML= 改变的是局部属性。下面我们来验证一下:原创 2018-02-05 14:32:48 · 9705 阅读 · 1 评论 -
回顾JavaScript
以前学的时候,总是走马观花,没有太认真,实习后发现还是要好好把JS的所有内容回顾一边,在回顾的过程里面,把JavaScript最核心的内容给挑了出来,写下这篇博客。如果你想非常快速的学习或者因为时间要先学js最重要的内容,这篇文章很适合你。1.定义变量 var person=null; 打印输出为null var person; 打印输出为undefined var car=...原创 2018-02-10 11:10:39 · 189 阅读 · 0 评论 -
JavaScript核心重点回顾复习
古人云:书读百遍,其义自现。我再次回顾了以前走马观花学的JavaScript,收获甚多,在这里总结精髓和用的最多的内容,和大家分享!1.找到指定位置 <a href="#pos">点我定位到指定位置!</a> <br><br><br><br><br><br>&原创 2018-02-11 16:50:07 · 255 阅读 · 0 评论 -
@ModelAttribute 注释在方法参数里面
当@ModelAttribute 注释在方法参数里面且参数类型为javabean对象时,就是用来封装前端页面传递过来的“对象属性”的。前提:在前端页面有一个表单,表单有name,sex,age等属性,当这个表单被提交到后台后,我们有许多方法得到这个表单和它所带的用户数据。其中一种方法就是用@ModelAttribute 注解, @RequestMapping(value="/user/s...原创 2018-02-28 09:35:33 · 3153 阅读 · 0 评论 -
ajax和url
以前在一些网站自学ajax时的时候,总是不明白,凭什么我ajax请求后,就能收到消息?在没有ajax之前,页面的刷新都是全部更新的,而有了ajax后,我们可以做到局部更新而不必页面的重新请求,这种轻量级的更新方式带来的好处是显而易见的:对网页浏览者来讲快捷方便,节约时间;对开发者来讲,维护起来更轻松,不必牵一发而动全身的针对整个页面;对服务器来讲,ajax请求的带来的压力会远远小于整个页面刷新给服...原创 2018-04-20 10:31:42 · 10724 阅读 · 2 评论 -
表(table)单(list)等数据显示底部跳转到XX页和每页显示多少数据HTML代码
很多时候我们想要下面这种效果图,我在这里提供一种HTML的代码方式,由于大家的后端语言不同,我就不提供后台代码了。<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody><tr> <原创 2018-08-09 09:42:18 · 1173 阅读 · 0 评论 -
详解display:none、visible:hidden和type ="hidden"
1 display:none和visible:hidden都能把网页上某个元素隐藏起来,他们的区别是: visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着。 display: none----将元素的显示设为无,即在网页中不占任何的位置。举个例子:例如有三个table,将中间的一个table hidden掉,你会发现在那个...原创 2018-08-09 17:24:23 · 4358 阅读 · 1 评论 -
input 的type类型总结
<input type="text"> 定义供文本输入的单行输入字段,有很多类型,在这里我做一个总结。text:一个输入文本框,输入的内容直接显示出来;password:密码输入框,输入的内容以小圆点的形式显示出来;submit:提交表单数据至表单处理程序的按钮;radio:单选按钮;checkbox:多选按钮;button:定义按钮,常用于点...原创 2018-08-02 09:41:54 · 7696 阅读 · 0 评论 -
(span等)标签的下划线,上划线,中划线
直接上干货<head><style type="text/css">h1 {text-decoration: overline}h2 {text-decoration: line-through}h3 {text-decoration: underline}h4 {text-decoration:blink}</style></head...原创 2018-08-03 10:33:56 · 25966 阅读 · 0 评论 -
(div,p)等标签之间“分割线”的两种实现方式
在项目、网页中经常会遇到在两个区域之间增加一条“线”来到达分割的效果,我在这里提供两种思路方法,以解决不同的实际问题。1 直接使用htmld 的<hr>标签,会显示一条线出来<p>hr 标签定义水平线:</p><hr /><p>这是段落。</p>这种方式很简单,也和实用,解决一般的分割线需求是没问题的,但如果...原创 2018-08-03 10:59:50 · 13523 阅读 · 0 评论 -
最简单的清空表单(form)方法
新手菜鸟我在做项目的时候遇到了非常非常常见的需求:表单内容清空(充重置),相信有点点HTML+JavaScript的朋友都有办法做到,但我想能不能有代码最少、一步到位的的方法呢,我查了w3c后有了一下总结:<html><head><script type="text/javascript">function formReset() { doc...原创 2018-08-08 15:00:06 · 25469 阅读 · 5 评论 -
jsp页面form ajax传值(非action)
一个form里面有一个table <form id="PgProjectSearchForm" name="PgProjectSearchForm"> <table width="100%" border="0" cellspacing="0" cellpadding="0">在JavaScript里面定义一个方法传值原创 2018-08-26 17:09:02 · 299 阅读 · 0 评论 -
JavaScript 中if(!XXX)的作用
对于很多像我这样的小白来说,js里面很多写法都没见过,不要害怕,我们慢慢积累,总会有随心写代码的一天。我在项目中遇到了下面的写法var projectName = $("#projectId").find("option:selected").text();if(!projectName){ projectName = $("#projectName").val();}$("#p...原创 2018-08-22 15:17:52 · 13995 阅读 · 3 评论 -
浏览器报“SyntaxError: expected expression, got '}' ”错误(页面一直显示正在加载)
如题,在调试的时候,报SyntaxError: expected expression, got '}'错,意思是说缺少一个 } 这个时候很有可能是你页面里面的JavaScript或者CSS代码的问题,{}没有正确的闭合,检查一下就解决问题了。如果js脚本没有问题,但页面一直还是显示正在加载的话,那就另一种可能:这个jsp页面中的某个用el表达式显示出的对象属性有错。比如我要显示用户名字:${...原创 2018-08-22 19:18:41 · 21997 阅读 · 0 评论 -
(点击)事件的三种写法
第一种写法是比较大众的写法<button onclick="copyText()">点击这里</button>function copyText(){ alert("hello world");}JS里面的函数名和onclick事件的函数名相同即可。第二种写法如下:<div class="btnArea clearfix mar...原创 2018-08-20 10:16:29 · 3017 阅读 · 0 评论 -
input type=“hidden“”类型的作用详解
我们先来看一下代码<td align="center"> ${pgProjectInfoList.projectName} <input hidden value="${pgProjectInfoList.projectName}" name="projectName"/> <input hidden value="${pgProjectInfo.原创 2018-08-20 11:09:46 · 22207 阅读 · 1 评论 -
访问web路径的内容
1是项目顶级目录,也就是项目名称。那我们访问的时候,web这一层是省略掉了的原创 2019-04-12 20:15:50 · 247 阅读 · 0 评论