
JavaScript
y_bccl27
这个作者很懒,什么都没留下…
展开
-
JavaScript中的 in 操作符
JavaScript的in操作符可以用来判断一个属性是否属于一个对象,也可以用来遍历一个对象的属性1.判断属性属于对象var mycar = {make: "Honda", model: "Accord", year: 1998};//注意,属性名必须是字符串形式,因为make不是一个变量if ( "make" in mycar ){ console.log("存在");}...原创 2019-11-14 14:29:25 · 603 阅读 · 0 评论 -
$.ajax()方法详解
1.url要求为String类型的参数(默认为当前页地址)发送请求的地址。2.type要求为String类型的参数,请求方式(post或get)默认为get。注意其它http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.aynsc要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注...原创 2019-11-05 08:50:16 · 712 阅读 · 0 评论 -
span标签的取值与赋值
1.span标签的取值<!--js的取值方式--><span id="span_id">span的文本</span><script> var result = document.getElementById("span_id").innerText;</script><!--jQuery的取值方式-->...原创 2019-11-04 12:49:49 · 7954 阅读 · 0 评论 -
JS取整数、取余数的方法
1.取整// 丢弃小数部分,保留整数部分parseInt(7/2) // 32.向上取整// 向上取整,有小数就整数部分加1Math.ceil(5/2) // 33.向下取整// 向下取整,丢弃小数部分Math.floor(5/2) // 24.四舍五入// 四舍五入Math.round(5/2) // 35.取余// 取余6%4 ...原创 2019-11-02 12:13:20 · 601 阅读 · 0 评论 -
JS获取当前时间,例如2019-10-01格式
/** * 获取现在当前的时间,例如:2019-10-01格式 */function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var...原创 2019-10-29 16:12:38 · 664 阅读 · 0 评论 -
JS判断是否为整数
/** * 判断是否是整数:向下取整 */function isInteger(obj) { return Math.floor(obj) === obj}原创 2019-10-28 16:39:21 · 724 阅读 · 0 评论 -
JS保证输入框里面的数值是数字
$().ready(function() { /** * 保证“分页页码输入框”的值为数字,如果输入的不为数字,则将其替换为"",除了“回车键”以外 */ $("#nowPage").keyup(function(e) { if(e.keyCode != 13){ var nowPage = $("#nowPag...原创 2019-10-28 16:27:16 · 476 阅读 · 0 评论 -
使用变量的值作为JS对象的属性名,从而获取其对应的值
使用变量的值作为JS对象的属性名,从而获取其对应的值<script> var object={"a":1111,"b":2222}; var param= "a" console.log(object[param]);</script> 最终输出打印值为11111111...原创 2019-10-27 11:22:42 · 4754 阅读 · 0 评论 -
JS获取当前元素下面的子元素
<html><head><meta charset="utf-8"><style>.descendants *{ display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px;}</style>...原创 2019-10-10 08:33:44 · 6374 阅读 · 0 评论 -
JS中元素的属性(class、style)操作
前提:已引入JQuery1.去除元素的class属性$("选择器").removeClass(类名)2.给元素添加样式属性 $("选择器").css('border','3px solid red');3.removeAttr()方法从被选元素中移除属性$("button").click(function(){ $("p").removeAttr("style...原创 2019-10-08 10:50:03 · 2150 阅读 · 0 评论 -
JS给元素添加自定义hover函数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <met...原创 2019-09-28 12:53:50 · 5247 阅读 · 0 评论 -
JS获取元素的第一个子节点
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS获取元素的第一个子节点</title></head><body> <div id="divId">...原创 2019-08-22 14:31:05 · 27635 阅读 · 0 评论 -
后台报错java.lang.IllegalArgumentException: Invalid character found in the request target.
问题描述:启动项目后,当点击页面某一个按钮时,项目出错并且后台报java.lang.IllegalArgumentException: Invalid character found in the request target.这个错误解决方法:当在浏览器中访问时 URL中带有特殊字符,如花括号冒号时,就会出现这个错误。例如:http://localhost:9876/test.do?{n...原创 2019-07-25 17:47:40 · 1295 阅读 · 0 评论 -
JS为键盘中的Enter键添加onkeyDown()和onkeyUp()事件
<input type="text" id="pageNum" onkeydown="pageNumKeydown(0,event)" onkeyup="pageNumKeyup(this,event)"/><span id="totalPageSpan0"></span>/** * 给页码输入框添加Enter事件,跳转指定页码...原创 2019-07-09 17:15:29 · 3877 阅读 · 0 评论 -
Js中动态追加代码后,之前定义的Js不再起作用
问题描述:在js文件中使用javaScript或者jQuery中的html('代码')或者append('代码'),将我们的html代码动态添加到指定的容器里面(例如:table)后,页面可以正常显示,但是所追加部分的页面的js会失效。解决方法:采用JQuery中的 delegate() 方法向尚未创建的元素添加事件处理程序。//为table里现在或者未来所创建的每一个a标签绑定点击事...原创 2019-01-08 15:56:35 · 698 阅读 · 0 评论 -
Js捕获地址栏信息,根据地址栏信息来判断是否要显示页面中的信息
问题描述:Js捕获地址栏信息,根据地址栏信息来判断是否要显示页面中的信息解决方法:使用window.location.href来判断地址栏中是否有要显示页面中某一区域的标识function selected(){ var url =window.location.href; if(url.indexOf('?')>-1){ //相应的逻辑处理工作 ...原创 2019-01-21 15:24:54 · 694 阅读 · 0 评论 -
JS中字符串转数字
JS提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行,对其他类型返回的都是NaN(Not a Number)。示例如下:parseInt("123"); //返回值是数字123parseInt("1234blue"); //returns 1234parse...原创 2019-03-01 09:33:25 · 3949 阅读 · 0 评论 -
JS中给input框赋值
两种方法(推荐使用第一种)1.利用JQuery给input框赋值(使用前提是已经引入了jquery.js)<input type="text" id="name"/>$("#name").val("想要赋予的值")2.利用原生的Js进行赋值<input type="text" id="name"/>va原创 2019-03-02 14:49:42 · 49647 阅读 · 3 评论 -
JS中获取地址栏中的参数
访问地址:var name="中文测试名称";var name="性别";var url=contextPath+"/demo.jsp?name="+encodeURI(name)+"&sex="+encodeURI(sex); 获取地址栏里的每一个参数:function GetUrlParam(paraName) { var name; ...原创 2019-03-04 12:34:55 · 265 阅读 · 0 评论 -
IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错
问题描述:IE浏览器中访问jsp页面,页面不执行ajax请求,后台控制台报错:java.lang.IllegalArgumentException: Invalid character found in the request target.解决办法:IE浏览器的兼容性处理没有谷歌、火狐好,在IE中ajax请求地址中不能直接有不合法的参数(中文、特殊符号等等),对此处理方法为在JS中使用enc...原创 2019-03-11 20:08:15 · 1350 阅读 · 0 评论 -
使用IE浏览器访问JSP界面,当使用断点时相关的样式会显示,当不适用断点时,相关的样式不会显示
问题描述:使用IE浏览器访问JSP界面,当使用断点时相关的样式会显示,当不适用断点时,相关的样式不会显示解决方法:如果JSP页面对应的JS代码块有Ajax请求,可能需要将其请求改为异步,即async:true...原创 2019-03-12 14:38:20 · 344 阅读 · 0 评论 -
指定IE版本去访问页面
问题描述:需要指定IE浏览器版本去访问某个页面解决方法:在HTML或者JSP的head标签中增加<meta http-equiv="X-UA-Compatible" content="IE=8"/>语句,表明指定某个IE版本的标准文档模式来访问页面...原创 2019-03-12 15:49:24 · 1395 阅读 · 0 评论 -
解决谷歌浏览器重复上传同一文件失败的问题
问题描述:谷歌浏览器,file input出于安全角度,用户异步上传完毕文件后选择相同文件时,不会触发onChange函数,因此再次上传相同的文件时会失败。解决方法:每次上传文件成功之后,将input里面的值置为""e.value="";...原创 2019-05-22 15:34:11 · 1155 阅读 · 0 评论 -
与日期相关的JS
//获得当前日期 function getToday(){ var date=new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var todayStr=y+"-"+m+"-"+d; return todayStr;...原创 2019-05-22 15:38:01 · 199 阅读 · 0 评论 -
JavaScript中的点击事件
1.自动触发一个元素的点击事件$('#btn').click();2.为某个元素添加点击事件:推荐使用第一种第一种方式:使用JQuery,为其绑定点击事件<body> <p>我是苹果</p> <p>我是橘子</p> <p>我是菠萝</p></body>...原创 2019-05-23 11:02:54 · 5140 阅读 · 0 评论 -
JavaScript中通过点击单选框动态显示和隐藏组件
<body> <table> <tr> <td class="tt" title="项目类别"> 项目类别</td> <td> <input type="radio" value="1" name="demo1">政府 <inp...原创 2019-05-29 16:05:27 · 2001 阅读 · 0 评论 -
JavaScript中的XMLHttpRequest对象
1.什么是 XMLHttpRequest 对象? XMLHttpRequest 对象用于在后台与服务器交换数据。 XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST请求以及普通的 GET 请求的能力。 XMLHttpRequest 对象是开发者的梦想,因为您能够:在不重新加载页面的情况下更新网页 在页面已加载后从服务...翻译 2018-12-26 11:55:02 · 1038 阅读 · 0 评论