随笔分类 - JavaScript
摘要：我们继续说JS，我们常常在页面加载完成以后做一些操作，比如一些元素的显示与隐藏、一些动画效果。我们通常有两种方法来完成这个事情，一个就是window.onload事件，另一个就是JQuery的ready()方法。那么这两种方法有什么区别呢？往下看：onload事件，是在页面中所有元素以及内容全部加载...
阅读全文
摘要：不得不说，在JS方面，自己真的是个不折不扣的菜鸟。对于JS以及一些JS框架如JQuery等JS框架，自己也只是处在简单应用的阶段，当然自己也在不断的学习当中，希望将来能跟大家分享更多JS方面的心得。今天先来点开胃的，说一下如何设置一个默认按钮，就是不管焦点在不在按钮上，只要按下回车，就等于触发了按钮...
阅读全文
摘要：今天写一个小实例，用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的，js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现：1，用js控制其显示属性；2，用js控制其大小。 今天要说的就是通过控制其大小来实现元素的显隐，原理：为其注册鼠标移入、移出的事件，当鼠标移出对象范围，将其宽度设为1，当鼠标再次移入该对象，将其宽度还原。很简单，我们一起看看吧！ 隐藏状态： 左边那一条窄线就是隐藏以后的悬浮框。 显示状态： 当鼠标滑到左边的悬浮框上，悬浮框就又显示出来了。 CSS样式：JS代码：HTML代码： 学生信息 学号：012...
阅读全文
摘要：下拉联动的功能可以说非常的常用，例如在选择省、市等信息的时候；或者在选择大类、小类的时候。总之，下拉联动很常用。今天就跟大家分享一个简单的二级下拉联动的功能。 大类下拉框：页面加载的时候就初始化大类的下拉选项，通过后台代码去数据库里面取得数据（当然像省市这样不变的内容可以直接给值），然后加载到下拉选项中。 小类下拉框：小类的下拉选项是通过Ajax将所选大类的内容异步提交到一个Servlet，然后返回相应的小类内容，最后加载到小类下拉选项中。 获取并加载小类下拉框的JS代码： 具体怎么从数据库里取数据就不在这里赘述了，就是一个普通的查询，比较简单。二级联动、三级联动、多级联动都是一样的...
阅读全文
摘要：在任何网站注册用户的时候，都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证，很显然这种方式的用户体验很不好；后来有了Ajax，有了异步交互，当用户输完用户名继续填写其他信息的时候，Ajax就将信息发到了服务器去检查该用户名是否已经被注册了，这样如果用户名已经存在，不用等用户将所有数据都提交就可以给出提示。采用这种方式大大改善了用户体验，今天就一起跟大家聊聊这种交互方式。 下面是用JS获取用户Id然后将其发送给user_validate.jsp页面，然后通过callback方法接收页面返回的消息并通知用户。 function validate(field)...
阅读全文
摘要：将图片查询出来之后，还需要加一个查看大图的功能，于是就用js写了一个方法，然后在image的onmouseover事件中调用此方法，这样在鼠标悬浮在小图上面的时候，其大图就会自动的显示出来。 显示大图和隐藏大图的js代码： 显示小图的image和显示大图的image： 简单实用，欢迎交流。
阅读全文
摘要：上传图片对图片进行一下预览，可以了解图片上传后大概会是什么样子，此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了。功能很简单，却很实用。 预览图片的js代码：fileupload控件及用来预览图片的image： 功能很简单，代码也很易懂，相信不用我多废话大家也能看懂吧。感觉写这样的文章，真的没啥好说的，不多说，还是把重点放在代码上吧。
阅读全文
摘要：前段时间做了一个小网站，里面有个小功能感觉挺好的，在此与大家分享一下，还请各位大神不要笑话小弟的无知。 此功能大概是这个样子的：点击下图中的类别名称，就可以对类别进行修改。 点击类别名称以后，原来的表格变成一个可编辑的文本框，并全选里面的内容，此时可直接进行修改。回车或者鼠标点击其他地方,提交修改内容. 如果不做修改点击别处或者按“Esc”或回车键，就会回到之前的样子，如果修改后跟其他类名重复就会有相应的提示： 如果类名没问题就会将修改后的内容显示到页面，同时会修改数据库的值。 数据库修改前 数据库修改后 用到的js代码/***...
阅读全文
