JS+JQuery
文章平均质量分 53
moqiang02
这个作者很懒,什么都没留下…
展开
-
setTimeout() 实现程序每隔一段时间自动执行
定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTimeout(code,millisec)参数描述code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。提示和注释提示:setTimeout() 只执原创 2014-06-15 19:19:52 · 7001 阅读 · 0 评论 -
让页面在打开时自动刷新
function window.onload() { if (location.href.indexOf('#reloaded') == -1) { location.href = location.href + "#reloaded"location.reload() } }---------------------转载 2014-09-02 07:49:31 · 4514 阅读 · 0 评论 -
给js创建的一个input数组绑定click事件
// 通过 getElementsByTagName 获得都有 input 控件 var inputs =document.getElementsByTagName("input"); // 为第0个button绑定onclick事件,alert一下 inputs[0].onclick = function(){alert("我测试一下"); }原创 2014-06-12 09:02:46 · 3532 阅读 · 0 评论 -
用javascript实现禁止页面后退返回上一页的代码
用javascript实现禁止页面后退返回上一页的代码: 有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法: 在需要跳转的页面,添加如下代码: history.go(1); 这时,如果从此页面跳到另外一个页面后,即使点击浏览器的后退按钮也是无效的,也回不到刚才的页面了. 其实方法不唯一,以上只是转载 2014-07-25 13:21:14 · 19246 阅读 · 0 评论 -
Highcharts属性与Y轴数据值刻度显示Y轴最小最大值
Highcharts.setOptions({global:{useUTC : false}}); $(function(){ //声明报表对象 var chart = new Highcharts.Chart({ chart: { renderTo: 'container', // 报表显示在 页面位置 contai转载 2014-09-12 09:13:14 · 8879 阅读 · 0 评论 -
jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法
jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法.原创 2013-09-11 16:53:18 · 5108 阅读 · 0 评论 -
删除条目时的确认对话框
id;?>" class="btn">编辑 id;?>';}" class="btn">删除原创 2014-06-05 07:54:48 · 1002 阅读 · 0 评论 -
this.options[selectedIndex]的使用
选择becedeeefunction getSelect() { //得到select下拉列表中option的value var optionValue = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].value;转载 2013-08-27 20:06:12 · 9340 阅读 · 1 评论 -
jQuery取得/设置select的值
本来以为jQuery("#select1").val();是取得选中的值,那么jQuery("#select1").text();就是取得的文本。这是不正确的,正确做法是:jQuery("#select1 option:selected").text();原创 2014-05-21 14:06:00 · 634 阅读 · 0 评论 -
js实现表单项的全选、反选以及删除操作
网站会员激活码管理function ReSel(){ for(i=0;i<document.form1.logs.length;i++){ document.form1.logs[i].checked = true; //如果是实现【全不选】的话,改成false即可 }}function SeSel(){ for(i=0;i<document.form1.lo原创 2014-03-25 11:20:26 · 2336 阅读 · 0 评论 -
JS绑定事件和移除事件的处理方法
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都报站这两 种方法,并且它们都接受3个参数:触发动作、事件处理程序的函数,一个布尔值。最有这个布尔值参数是true,表示在捕获节点调用事件处理程序;如果是false,表四在冒泡节点调用事件处理程序。 摇一摇 document.a原创 2014-07-09 17:18:01 · 8424 阅读 · 0 评论 -
JSON对象和JSON字符串以及JSON.parse 函数的使用
JSON.parse() //示例1:此示例使用 JSON.parse 将 JSON 字符串转换为对象 var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';//JSON 字符串 var contact = JSON.parse(jsontext); docum原创 2014-07-09 18:31:51 · 8573 阅读 · 0 评论 -
JSON.stringify 语法讲解
1.只有一个参数的情况下:?var student = new Object();student.name = "Lanny";student.age = "25";student.location = "China"; var json = JSON.stringify(student);alert(student);转载 2014-06-19 06:13:23 · 631 阅读 · 0 评论 -
Jquery滑动门实现
*{ margin:0; padding:0;} body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;} .tab { width:240px;margin:50px;} .tab_menu { clear:both;} .tab_menu li { float:left; text-align:center; cu原创 2014-07-27 07:29:59 · 1210 阅读 · 0 评论 -
提交表单之前对表单进行检查的方法 onsubmit="return checkSubmit();"
" />更改帐号基本资料 - 会员中心 - function checkSubmit(){ if(document.form2.oldpwd.value=='') { document.form2.oldpwd.focus(); alert("旧密码必须填写!"); return false; } if(document.form2.userpwdok.value!=原创 2013-12-01 13:33:51 · 11571 阅读 · 0 评论 -
表格数据上下行互换位置
表格数据上下行互换位置 $(document).ready(function () { //上移 $("input.upbtn").each(function () { $(this).click(function () { var $tr = $(t转载 2014-10-23 07:41:23 · 2592 阅读 · 0 评论 -
JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。async:要求为转载 2014-06-23 22:30:42 · 872 阅读 · 0 评论 -
js如何获取object类型里的键值
最近遇到一个问题: var obj = {"name1":"张三","name2":"李四"};var key = "name1";var value = obj.key; //得到了"undefined"value = obj.name1; //得到了"张三" 其实我是想动态给key赋值,然后得到key为多少所对就的值。但这种做法行不通,obj.key会去找obj下key为"k原创 2015-01-17 20:34:52 · 17408 阅读 · 0 评论 -
JS遍历所有checkbox是否选中
var all_checked = true;$(":checkbox").each(function(){ if(this.checked == false){ all_checked = false; break; }});注意:用break,想跳出这个循环。结果报错SyntaxError: unlabeled break must be原创 2015-02-03 22:17:28 · 8765 阅读 · 0 评论 -
AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashu转载 2014-12-09 17:15:01 · 662 阅读 · 0 评论 -
JS 循环遍历JSON数据
JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}用js可以写成:var data=[{name:"a",age:12},{name:"b",age:11},{name:转载 2015-01-13 14:26:25 · 1133 阅读 · 0 评论 -
jquery.validate和onsubmit() 同时使用的方法
最近写了点前端代码,验证form表单的时候用到了jquery validate。这个东西很好用,具体的使用方法就不必啰嗦了。这个东西主要是用来验证表单数据的格式,有时候虽然格式正确了但是还要保证某些字段的唯一性,就要另外判断了,我用的方法是在form加一个onsubmit事件。测试的时候发现,只要满足validate验证的格式,onsubmit的判断会被忽略掉。事实上,jquery val原创 2015-01-31 00:26:32 · 3487 阅读 · 0 评论 -
JS如何取得当前对象的属性
页面中有很多张,要获取当前点击的那一张的"src",语句怎么写?//方法:function fc(dom){ var src = dom.getAttribute("src"); alert(src);}//标签:转载 2015-01-30 19:12:31 · 759 阅读 · 0 评论 -
实例讲解表单验证插件Validation的应用
jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。在以前做过的几个项目中,我都用到了Validation,现在结合实际情况,我把项目中经常要用到的验证整理成一个实例DEMO,本文就是通过讲解这个实例来理解Validation的应用。查看演示DEMO下载源码本实例涉及到的验证有:转载 2014-06-04 00:52:01 · 897 阅读 · 0 评论 -
jquery通过submit()和serialize()提交表单
$(function() { $('#form1').submit(function() { //当提交表单时,会发生 submit 事件。 //此处可做表单验证 //... ... var postData = $("#form1").serialize();//序列化表单,后台可正常通过post方法原创 2014-08-18 07:50:54 · 4020 阅读 · 1 评论 -
JQuery脚本-通过禁用按钮防止表单重复提交
/*jquer 脚本,避免重复提交隐藏点击的submit,后在他之后插入同名button伪装成被隐藏的submit最后禁用全部可见的submit和button最终效果:点击按钮提交表单后,点击后退按钮,返回提交表单页面,提交按钮已被禁用注:此方法毕竟在客户端处理,防君子不防小人*/ $(document).ready(function() { $(":submi转载 2014-08-21 07:50:10 · 3908 阅读 · 0 评论 -
使用debugger在程序中加入断点
我们可以在程序中加入debugger语句,这样Firefox的调试工具会停留在这条语句上,代码也暂停执行,和加入断点的效果一样。例如:var myfunc = { get_field_value_callback : function() { debugger; var ed = this, target = ed.currSpan; /原创 2014-11-24 17:54:59 · 7037 阅读 · 0 评论 -
php中的$_GET如何获取带有井号“#”的参数
<?phpecho $_GET['key'];?>当url为http://test.com/c.php?key=999时,正常输出:999当url为http://test.com/c.php?key=9#888时,只能输出:9而我想要获得的是9#888,那要怎么办呢?只能在把9#888传递给key的这个环节想办法。查询 function searchsn() {原创 2014-09-02 08:03:22 · 5790 阅读 · 0 评论 -
滚动条到底部时自己加载新的内容
滚动条到底部时自己加载新的内容 var page_num=2; $(document).ready(function(){ $(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()-转载 2014-11-21 12:31:56 · 2621 阅读 · 0 评论 -
jquery中html()、text()、val()的区别
我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面是3school的一小段代码原创 2014-11-03 06:36:24 · 858 阅读 · 0 评论 -
jQuery:如何给动态生成的元素绑定事件?
jQuery的html()可以给现在元素附加新的元素,innerHTML也可以,那么,如何给这些新生成的元素绑定事件呢?直接在元素还未生成前就绑定肯定是无效的,因为所绑定的元素目前根本不存在。然而,jQuery为我们提供了一个函数来解决这个问题,它就是.live(),它可以给所有元素绑定事件,不论是已有的,还是将来生成的,比如:转载 2014-06-18 01:08:33 · 1699 阅读 · 0 评论 -
script脚本中写不写$(document).ready(function() {});的区别
$(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。$(document).ready(function(){})原创 2014-07-24 21:48:12 · 4577 阅读 · 0 评论 -
ueditor单独调用图片上传
很多人在问ueditor,如何单独使用图片上传功能,但是网上没有一篇能用的文档,没办法,我刚好也需要这个功能,花了3天时间(本人水平太菜,哎)终于知道怎么处理了,发出来给大家共享:效果如下:页面效果:点击上传图片:转载 2014-05-09 22:21:31 · 6145 阅读 · 1 评论 -
百度Ueditor多图片上传控件
发现百度的Ueditor富文本编辑器中的多图片上传控件很不错,于是便想着分享出来使用,费了老劲,少不了无名朋友的帮助,也查了不少资料,终于搞定了发代码给大家,请大家多多指正 1.首先要在html页面中添加对ueditor的脚本引用 2.添加多图片上传控件的单独调用,最原始的代码是无名朋友写的,缺少在线预览。这是加上以后的代码转载 2014-05-09 22:08:47 · 7425 阅读 · 0 评论 -
左右两个Select列表框交换数据的JS
Select列表框交换数据 center { font-size:12px; color:red; font-weight:bold; } select { font-size:12px; color:green; } 可选择排序方式 已选择排序方式 <select multiple name转载 2014-05-08 22:58:24 · 1041 阅读 · 0 评论 -
Jquery多选框互相内容交换
无标题页 $(document).ready(function(){ // 把选择项追加给对方 $('#add').click(function(){ var options=$('#select1 option:selected'); var转载 2014-05-08 23:00:13 · 685 阅读 · 0 评论 -
jquery.validate自定义验证--成功提示与择要提示
1. 自定义验证--成功提示1) 添加选项errorClass: "unchecked",validClass: "checked",errorElement: "span",errorPlacement: function (error, element) { if (element.parent().find("span[for=""" + element.attr("id原创 2014-05-01 21:48:55 · 2173 阅读 · 0 评论 -
JS中比较的数值如何比较大小
function check_num(){ var num=document.getElementById("num").value; //alert(num); if(isNaN(num)){ //用于检查其参数是否是非数字值 alert("必须输入入0-100之间的数字!"); return false; }else原创 2014-03-06 14:49:00 · 10597 阅读 · 0 评论 -
导航栏滚动到顶部后固定
MENU $(function () { var ie6 = /msie 6/i.test(navigator.userAgent) , dv = $('#fixedMenu'), st; dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 $(window).scroll(原创 2014-01-08 10:53:16 · 5275 阅读 · 0 评论 -
利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
如何给页面导航栏的选中栏目添加特殊样式,一直没怎么搞清楚,今天学习了一下,并做个总结。这边有两种情况,一种是直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失;另一种情况是即时刷新页面后样式仍然有效。直接上代码:第一种情况:$(document).ready(function(){ $(".nav a").each(function(){原创 2013-11-13 10:51:50 · 2468 阅读 · 0 评论