前端
崔西儿
这个作者很懒,什么都没留下…
展开
-
javascript 判断input是否为空 onsubmit 例子
关于 form onsubmitonsubmit 是一个提交事件 ,当form提交的时候,会触发onsubmit事件当return为true,可以提交,否则不可以提交。这里举一个小例子:<form action="userlogin" method="post" onsubmit="return check()" name="myForm"> <inpu...原创 2018-08-14 16:28:12 · 1447 阅读 · 0 评论 -
AJAX 搜索栏 站内查询数据
用到bootstrapJson的转换插件:将java的对象或集合转成json形式字符串Gson:google fastjson:阿里巴巴 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html>&l...原创 2018-12-12 18:39:12 · 319 阅读 · 0 评论 -
JQuery下拉列表左右选择
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>下拉列表左右选择</title> </head> <script type="text/javascript" src=&原创 2018-11-02 17:05:24 · 210 阅读 · 0 评论 -
JQuery二级联动 ( each(callback),$.each(object, [callback]))
1.each(callback)HTML 代码:<img/><img/>jQuery 代码:$("img").each(function(i){ this.src = "test" + i + ".jpg"; });结果:[ <img src="test0.jpg" />, <img src=&原创 2018-11-01 17:24:56 · 298 阅读 · 0 评论 -
使用jQuery完成复选框的全选和全不选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery-1.8.3.js&qu原创 2018-10-31 19:19:39 · 176 阅读 · 0 评论 -
使用jQuery完成表格隔行换色
addClass(class):为每个匹配的元素添加指定的类名。HTML 代码:<p>Hello</p>jQuery 代码:$("p").addClass("selected");结果:[ <p class="selected">Hello</p> ] <!DOCTYPE html&a原创 2018-10-31 19:11:23 · 293 阅读 · 0 评论 -
JQuery 定时操作实现图片显示与隐藏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery-1.8.3.js"原创 2018-10-31 18:55:28 · 1651 阅读 · 0 评论 -
JavaScript与JQuery页面加载区别
传统的方式页面加载会存在覆盖问题,加载比JQuery慢(整个页面加载完毕<包括里面的其它内容,比如图片>)JQuery的加载比JS加载要快!(当整个dom树结构绘制完毕就会加载)JQuery不存在覆盖问题,加载的时候是顺序执行<script> window.onload = function(){ alert("张三"); } ...原创 2018-10-31 18:34:21 · 228 阅读 · 0 评论 -
判断页面是否为父页面(login页面)
window.onload=function(){ if(window.parent != window){// 如果是在框架中 //就让框架页面跳转到login.jsp window.parent.location.href = "${pageContext.request.contextPath}/login.jsp"; } }; ...原创 2019-01-23 20:24:08 · 338 阅读 · 0 评论 -
JS实现二级联动 (createTextNode,createElement )
JS中只有数组,没有集合数组长度=角标+1 长度可变cities[0],cities[1],cities[2],cities[3]cities[100] 长度是101 而不是5<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2018-10-30 19:15:27 · 190 阅读 · 0 评论 -
JS 实现表单 全选和全不选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function checkAll(){ var cb = document.getElementById(&原创 2018-10-30 17:48:14 · 942 阅读 · 0 评论 -
JS 鼠标的移入与移开 实现表格换色(onmouseover onmouseout )
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function changeColor(id,flag){ if(flag=="over"原创 2018-10-30 17:32:52 · 690 阅读 · 0 评论 -
通过获取table中的tbody 设置隔行换色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){原创 2018-10-30 17:25:24 · 1226 阅读 · 0 评论 -
JS表单验证 聚焦 离焦 input(onfocus onblur)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> function showTips(id, info) { document.getElementById(原创 2018-10-30 17:16:12 · 4538 阅读 · 2 评论 -
JS实现定时操作 图片轮播效果(setInterval)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ setInterval("changeImg()原创 2018-10-30 17:03:47 · 4226 阅读 · 0 评论 -
JS 实现定时操作 隐藏显示图片(setInterval() clearInterval())
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> function init(){ time = setInterval("showAd()原创 2018-10-30 16:55:16 · 1333 阅读 · 0 评论 -
ajax请求错误(415 Unsupported Media Type)The server refused this request because the request entity is in
解决:加上contentType:"application/json;charset=UTF-8" $.ajax({ url:"${pageContext.request.contextPath }/json.action", data:params, contentType :"application/json;charset=UTF-8", type:...原创 2019-03-14 17:24:05 · 852 阅读 · 0 评论