js
文章平均质量分 66
ispotu
IT寻止,coder掘进机
展开
-
(function(){})() document.ready(function(){} $(function(){} $(document).ready(function(){}
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style></style><title>jqueryy与原生js启动器</title></...原创 2019-11-29 16:57:07 · 556 阅读 · 1 评论 -
js中的in_for循环
点击下面的按钮,循环遍历对象 "person" 的属性。点击这里function myFunction(){var x;var txt="";var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){alert("x:"+x);txt=txt + p...原创 2016-06-27 17:00:59 · 200 阅读 · 0 评论 -
更改的js部署到服务器上避免缓存的方法
在jsp引用的js后添加版本号:一般建议格式为 xxx.js?version=yyyy-MM-dd如:更改live.js后,在liveUtil.jsp中引用此js后追加版本号字符串?version=2018-07-23:追加前:<script src="js/live.js" type="text/javascript"></script>追加后:<scr...原创 2018-07-23 18:04:14 · 2054 阅读 · 0 评论 -
js中的~~:转换成整型数字的神器(效率)
将js中的对象、符号转换成整型数字的神器。java中无此操作。~是js里的按位取反操作符,~~就是执行两次按位取反,其实就是保持原值,但是注意虽然是原值,但是对布尔型变量执行这个操作,会转化成相应的数值型变量,也就是 ~~true === 1,~~false === 0。将boolean、数组、undefined、null、浮点数、字符串都可转换成整型数字。 ~~true == 1...原创 2018-06-12 11:06:38 · 2403 阅读 · 0 评论 -
js调试浮层的方法
众所周知,浏览器谷歌Chrome和Firefox都无法给浮层打断点。解决方法:1.console.log();(次推,在浏览器F12——Console里查看输出结果)2.debugger;(首推,调试完记得删除,这个很多工作5年的开发都不知道)3.alert();...原创 2018-06-11 16:47:35 · 846 阅读 · 0 评论 -
java:jsonp前后端实例演示
1.后端用servlet,放在tomcat中启动。jsonpServlet.java:package test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpS...原创 2017-11-03 21:00:00 · 5840 阅读 · 0 评论 -
java与JavaScript的区别与联系(持续总结更新)
此文先从语法角度讲述,会持续总结更新,先开个篇再说,有想法的同学也可以在下面留言。js和java属于两门语言。参考了java语言,“看上去与Java足够相似,但是比Java简单”,是简化版Java语言。特别是在定义对象变量的时候,省略的太极端了。java里有的很多常用类型的对象在js中是没有的。js由原网景(Netscape)公司的高级工程师布兰登·艾奇(Brendan Eich)(曾经...原创 2017-10-27 18:13:47 · 8204 阅读 · 0 评论 -
jQuery:通过name获取div下的input的六种方法
测试页面 $(document).ready(function(){var param = $("input[name='gj']").serialize();console.log("param:"+param);var param1 = $(".gjc input[name='gj']").serialize();console.log("param原创 2017-11-06 16:57:25 · 60482 阅读 · 0 评论 -
jsonp实例
项目结构:测试页面jsonp.html: 测试页面 $(document).ready(function(){ $.ajax({ type: "get", async: false, url: "http://localhost:8080/testSe原创 2017-10-26 09:48:29 · 734 阅读 · 0 评论 -
js里==和===的区别
”==”与”===”是不同的,一个是判断值是否相等,一个是判断值及类型是否完全相等。console.log(null==null);//true console.log(null===null);//true console.log(undefined==undefined);//true console.log(undefined===undefined);//true cons原创 2017-11-01 12:47:08 · 381 阅读 · 0 评论 -
java、js、jquery中的length、length()、size()的区别
1.java中的length、length()、size():String[] arr1={"false",null,""}; String a="woshizifuchuan";//计算数组长度用length:System.out.println(arr.length);//计算字符串长度用length():Syst原创 2017-10-31 21:44:36 · 25650 阅读 · 0 评论 -
html标签:a、p、span、h1、input、textarea、label、div的id、name、value属性及val()、text()、html()、innerText、innerHTML
先上html文本标签的测试代码: 测试html标签:a、p、span、h1、input、textarea、label的id、name、value属性及其val()、text()、html()、innerText、innerHTML 我在紧贴a内我在a中的span中我在a中的div中我在a中的div中的span中我在紧贴p内我在p中的span中我在p中的div中原创 2017-10-31 18:12:24 · 3763 阅读 · 0 评论 -
js中正则表达式使数字、中文或指定字符高亮
span2314的23文本213var htmlobj = txt.replace(/(\d+)/img, "$&");//var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "$1"); // 这个也可以//var htmlobj = txt.replace(/(\d+)/img, "$1");//这个也可以al原创 2017-10-30 21:16:53 · 2080 阅读 · 0 评论 -
js中全局变量与局部变量实例、闭包
局部变量与全局变量实例,需要自己复制,再在浏览器实验,体验总结。说多可能记不住,自己实际操作了记忆深刻。下面给出实验例子: 测试页面 //var t="tt";$(document).ready(function(){ q();console.log("3:"+t);////var t="t0";//console.log("1:"+t);原创 2017-11-07 19:24:28 · 1163 阅读 · 0 评论 -
js中判断一个Object(包括function)有没有某个属性或者方法——hasOwnProperty()
测试页面 $(document).ready(function(){var m = new Map();if(m.hasOwnProperty('remove')){alert("成功!");}})$().ready(function(){ })$(function(){ var g = new game(); document.wr原创 2017-08-15 15:27:09 · 4996 阅读 · 0 评论 -
java中中文输入法与英文输入法符号的差别
在键盘上中文输入法和英文输入法输出的符号有共用的,相同的,也有不同的。总结了一些:相同(用equals比较两种输入法下的符号可得出true的):{ } | + = - * & % # @ ~不相同:英文(上行)——中文(下行):,.?;':"()原创 2017-08-13 11:52:04 · 2794 阅读 · 0 评论 -
prop与attr和checked
所使用的jquery版本为jquery-1.9.1,浏览器为Chrome 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(check...原创 2016-06-27 20:07:01 · 614 阅读 · 0 评论 -
js循环table获取input里的属性值
wofunction showTable(id){ var tb=document.getElementById(id); var rows=tb.rows;for(var i=0;i原创 2016-06-27 20:13:04 · 1012 阅读 · 0 评论 -
js集成插件推荐总结——软件娱乐观止
1.Zepto.js类似于jquery的框架,语法和jquery类似,会用jquery就会用Zepto。2.sea.js类似于requireJS。SeaJS 是一个适用于 Web 浏览器端的模块加载器。使用 SeaJS,可以更好地组织 JavaScript 代码。3.Video.js视频播放插件4.layui.js前端页面UI插件5.three.js3D绘图,多...原创 2019-07-12 16:23:06 · 981 阅读 · 0 评论 -
js中的闭包(Closure)简例与理解(精华)
wiki定义:在计算机科学中,闭包(Closure)是词法闭包(Lexical Closure)的简称,是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法 认为闭包是由函数和与其相关的引用环境组合而成的实体。例1:function test(j) { var i = 0; return原创 2017-08-09 16:48:38 · 1328 阅读 · 0 评论 -
js获取元素属性
获取id:this.event.srcElement.id获取Input标签自定义属性的值 :HTML代码:JavaScript代码:因为data不是input标签原生的属性,所以不能使用"点"操作。非标准属性,要用:obj.getAttribute("data");的方式。错误的用法:var data = ob原创 2016-06-27 21:10:55 · 7000 阅读 · 0 评论 -
1min看懂js中text(),html(),val()的区别
$(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); $("#原创 2016-06-28 10:37:09 · 814 阅读 · 0 评论 -
获取input标签的所有属性
用jquery$("input[name='btnAdd']").attr("value") 获取value属性值,其它属性换attr的参数就OK原创 2016-06-27 22:06:20 · 1983 阅读 · 0 评论 -
JQuery中根据属性或属性值获得元素(6种情况获取方法)
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 复制代码代码如下:$("p[id]").css("color","red"); 根据属性值获得元素 1.$。在jQuery 中$(""),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=v转载 2016-06-27 20:45:49 · 47558 阅读 · 0 评论 -
jQuery获取多种input值的方法
转自:http://www.cnblogs.com/qinzi/archive/2012/10/25/2738646.html获取input的checked值是否为true:第一种:if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,val转载 2016-06-27 20:31:19 · 5445 阅读 · 0 评论 -
js中的in-for循环
http://www.w3school.com.cn/tiy/t.asp?f=js_object_for_in原创 2016-06-27 18:03:58 · 453 阅读 · 0 评论 -
.hide()..eq($('#').index(this)).show()与>选择器
Document .menu { padding:0; margin:0; list-style-type:none;}.menu li { background:#FFD1A4; margin-right:1px; float:left; color:#fff; }.menu li a { display:block; width:80px; text-ali原创 2016-06-26 22:20:32 · 5831 阅读 · 0 评论 -
<input type="hidden">的问题
Document type="hidden" id="zz" onclick="q()" >你能看到我么 你lail function q(){$("#zz").val(123); alert($("#zz").val()); } 此处点击"你能看到我么" 不会执行q()函数,而点击"你lail"则可原创 2016-06-26 18:26:54 · 2595 阅读 · 0 评论 -
通过name或者id获取value
Document 点我额 再来一次 function s(){alert(document.getElementsByName('a')[0].value);alert(document.getElementById('s').value);alert("name选中"+$("#a").val()+" ,"+$("#s").val());原创 2016-06-26 16:19:50 · 5766 阅读 · 0 评论 -
js获取和设置<input>的值
Document 获取和设置input的值:value='111' /> window.onload = function(){ var psel = document.getElementById("provSelect1"); alert("获取到的value:" + psel.value+" ,"+$("#provSelect1")原创 2016-06-26 14:31:49 · 144166 阅读 · 5 评论 -
js中的live()与bind()区别
live()和 bind()都是给指定元素的事件绑定方法。live()是旧版本的,bind()是新版本的火狐,谷歌,IE浏览器已经不再支持live(),建议用bind()代替原创 2016-06-26 02:08:24 · 2220 阅读 · 0 评论 -
$(function(){}
页面载入后执行...的代码.是jq中最重要的一句话,基本上是必须的.所有页面载入有执行的代码都要写着里面1.$(function(){ }是$(document).ready(function()的简写,相当于window.onload = function(){ } ,虽然这段jquery代码与javascript代码在功能上可以互换,但执行的时间不一样,前者页面框架加载完成就执行,原创 2016-06-25 21:47:11 · 480 阅读 · 0 评论 -
前端js限制上传文件类型及大小(1)
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target,id) { var fileSize = 0; var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".do转载 2016-06-24 18:18:33 · 13191 阅读 · 0 评论 -
js限制上传文件类型(2)
js前端控制上传文件的格式 请选择上传文件: function check(){ var fileName = document.getElementById("csv").value; if(fileName==""){ alert("请选择要上传的jpg文件!"); return false; } //lastIndexOf如果没有搜索到转载 2016-06-25 13:59:40 · 989 阅读 · 0 评论 -
前端js限制上传文件类型及大小(3)
附件: 文件上限2MB</d var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target) { var fileSize = 0; if (转载 2016-06-25 15:13:58 · 3968 阅读 · 0 评论 -
jquery 将disabled的元素置为enabled的三种方法
转自:http://www.jb51.net/article/19342.htm在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。这里发现可以采用三种的变通方法将置转载 2016-05-30 15:46:03 · 1106 阅读 · 0 评论 -
attr与prop的checked关系
Document 全选1选2选3选 function checkAll() { var checkedOfAll=$("#selectAll").attr("checked"); alert(checkedOfAll); $("input[name='procheck']").attr("checked", checkedOfAll);原创 2016-06-28 11:07:53 · 1120 阅读 · 0 评论 -
a标签的href="javascript:function()"
Document 点我 来吧 function s(){ var theVar=document.getElementsByTagName("a")[0].href; alert(theVar);alert(typeof(theVar));return false; } function add(id){原创 2016-06-28 16:49:25 · 4677 阅读 · 0 评论 -
回调函数的通俗理解(持续更新中)
例:函数funcA通过url地址:http://128.12.12.12/modile/rest/odd?json={"sid":"er12","deptId":"txin"}&callback=funcBackname调用函数funcB其中json是函数funcA传到funcB的参数,callback后面的参数funcBackname就是(写在)funcA里定义的回调函数地址,这个是原创 2017-07-14 10:26:36 · 1697 阅读 · 0 评论 -
让type="hidden"显示
$(function(){});function w(){$("#b").show();}function d(){$("#b").hide();}function qq(){$("#w").prop('type','text'); //改变属性 ,此处attr()不可用}我来了这是一段隐藏的段落。这是一段可见的段落。0:1:2:3:sho原创 2016-08-02 15:43:45 · 28446 阅读 · 3 评论