JavaScript
关注
分享
扫一扫
纳木错没有错
明天的你是否会感谢今天的自己？
展开
-
document.write和document.getElementById("demo").innerHTML=的区别
先说结论：document.write改变的是整个HTML页面（文档），document.getElementById("demo").innerHTML= 改变的是局部属性。下面我们来验证一下：原创 2018-02-05 14:32:48 · 9762 阅读 · 1 评论 -
@ResponseBody注解在真实项目中的运用
开篇的题外话：这应该是我写的关于spring注解的很实在的第一篇博客，以前也有些其他的注解，但@ResponseBody我是在项目中用了之后体会比较深的，本文所有实例代码全部来自真实项目，也打算把这篇博客当做个人专栏的第一篇文章，如果发现了什么错误，还请留言或私信反馈给我，感激不尽。 需求：某个页面（填写数据后）需要进行保存操作，点击按钮后返回后台对数据操作的结果（保存成功或者异常），若保存...原创 2018-09-13 09:32:31 · 3035 阅读 · 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 · 5992 阅读 · 5 评论 -
controller层怎么获取URL里面的参数（字符串）
很多时候，特别是在使用get方法传输数据时，我们都会把简单的字符串参数传到URL里面，在后台取的时候方法有很多，在这里我说一种比较简单实用的。function abolishTransportOrder(id){ var url = contextPath_js + "/pg/sale/distribContract/abolishTransportOrder.pfv?contra...原创 2018-09-30 08:49:13 · 12060 阅读 · 0 评论 -
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 · 458 阅读 · 0 评论 -
jquery closest()的用法
closest（）是一个非常好用的查找祖先对象的方法，它和parent（）和parents（）相比，优点是简洁直观，返回0或1个对象，避免了返回很多对象而不知道怎么处理的尴尬，查找的是满足一定条件下的第一个祖先。 它的常用格式是：var tbl = $(obj).closest("table");这句js的意思是找到obj对象的第一个table祖先元素，这里的obj可以是t...原创 2018-10-22 17:25:17 · 6296 阅读 · 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 · 203 阅读 · 0 评论 -
jquery attr（）方法实例之多选框全选
attr（）方法在jquery中也很常用，但它用法却有两个： 当该方法用于返回属性值，则返回第一个匹配元素的值：该例子返回img 对象的width属性<script>$(document).ready(function(){ $("button").click(function(){ alert("图片宽度: " + $("img").attr("width...原创 2018-10-24 11:07:36 · 1243 阅读 · 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 · 7742 阅读 · 0 评论 -
获取单选框选中行的值
//从弹窗页面的表中获取到单选按钮行的每个数据 var tr = $('input[name="ck"]:checked').parents("tr");本质就是获取到被选行的tr，找到tr后就可以做很多事了，比如取value，去元素等等。...原创 2018-08-21 10:28:51 · 2422 阅读 · 0 评论 -
用jQuery（在表末尾）增加一行
经常有需求是这样的：在一张完整表的最后一行再增加一行，具体的做法如下（就不提供table的HTML代码了） var $targetTbody= $("#batchPlanTable tbody"); //.children()找到子元素，.children（“”）符合条件的子元素,仅沿着 DOM 树向下遍历单一层级 var $tr = $targetTbody.children(...原创 2018-08-21 10:26:00 · 5005 阅读 · 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 · 3713 阅读 · 1 评论 -
回顾JavaScript
以前学的时候，总是走马观花，没有太认真，实习后发现还是要好好把JS的所有内容回顾一边，在回顾的过程里面，把JavaScript最核心的内容给挑了出来，写下这篇博客。如果你想非常快速的学习或者因为时间要先学js最重要的内容，这篇文章很适合你。1.定义变量 var person=null; 打印输出为null var person; 打印输出为undefined var car=...原创 2018-02-10 11:10:39 · 216 阅读 · 0 评论 -
JavaScript核心重点回顾复习
古人云：书读百遍，其义自现。我再次回顾了以前走马观花学的JavaScript，收获甚多，在这里总结精髓和用的最多的内容，和大家分享！1.找到指定位置 <a href="#pos">点我定位到指定位置!</a> <br><br><br><br><br><br>&原创 2018-02-11 16:50:07 · 283 阅读 · 0 评论 -
ajax和url
以前在一些网站自学ajax时的时候，总是不明白，凭什么我ajax请求后，就能收到消息？在没有ajax之前，页面的刷新都是全部更新的，而有了ajax后，我们可以做到局部更新而不必页面的重新请求，这种轻量级的更新方式带来的好处是显而易见的：对网页浏览者来讲快捷方便，节约时间；对开发者来讲，维护起来更轻松，不必牵一发而动全身的针对整个页面；对服务器来讲，ajax请求的带来的压力会远远小于整个页面刷新给服...原创 2018-04-20 10:31:42 · 10763 阅读 · 2 评论 -
最简单的ajax post方法的使用
一下方法经本人亲测有效！在项目中遇到了ajax，可是ajax的写法有很多，我在这里选出最简单的写法，其实是jQuery提供的，屏蔽了不同浏览器的差异，万恶的IE，唉。先说一下需求，简化了的：点击按钮，跳转到另一个页面（网页上的整个页面有大的框架，头部和左边菜单栏不变，这里说的跳转页面是指右下部分页面的变化，还不明白的去看看CSDN首页，变化的是中间部分）//省略点击事件functi...原创 2018-08-14 16:06:07 · 2752 阅读 · 0 评论 -
最简单的清空表单（form）方法
新手菜鸟我在做项目的时候遇到了非常非常常见的需求：表单内容清空（充重置），相信有点点HTML+JavaScript的朋友都有办法做到，但我想能不能有代码最少、一步到位的的方法呢，我查了w3c后有了一下总结：<html><head><script type="text/javascript">function formReset() { doc...原创 2018-08-08 15:00:06 · 26156 阅读 · 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 · 314 阅读 · 0 评论 -
JavaScript 中if（！XXX）的作用
对于很多像我这样的小白来说，js里面很多写法都没见过，不要害怕，我们慢慢积累，总会有随心写代码的一天。我在项目中遇到了下面的写法var projectName = $("#projectId").find("option:selected").text();if(!projectName){ projectName = $("#projectName").val();}$("#p...原创 2018-08-22 15:17:52 · 14306 阅读 · 4 评论 -
(点击)事件的三种写法
第一种写法是比较大众的写法<button onclick="copyText()">点击这里</button>function copyText(){ alert（"hello world"）;}JS里面的函数名和onclick事件的函数名相同即可。第二种写法如下：<div class="btnArea clearfix mar...原创 2018-08-20 10:16:29 · 3070 阅读 · 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 · 5814 阅读 · 0 评论