JS
摘取天上星
暂无描述……
展开
-
使用DOM方法实现表格的隔行变色效果
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档--> 111111111111 111111111111 222222222222 22转载 2012-11-15 17:59:58 · 1036 阅读 · 0 评论 -
JQuery实现鼠标移动到图片边框效果
以下为程序代码:$(function() { $(".v").mouseover(function() { var x = $(""); x.appendTo($('body')); x.css({ width : $(this).转载 2014-01-09 15:19:03 · 2455 阅读 · 0 评论 -
图片翻转效果
以下为程序代码:equiv="Content-Type" content="text/html; charset=gb2312" />equiv="X-UA-Compatible" content="IE=EmulateIE7" />图片翻转效果type="text/css">.box {overflow:hidden;position:relative;}转载 2014-01-09 15:17:34 · 1910 阅读 · 0 评论 -
自定义类似php的js数组的in_array函数
PHP的数组函数in_array()非常方便,可JS就不是了。其实我很不喜欢JS的数组~别说了,直接上方法Array.prototype.in_array = function(e) { for(i=0;i { if(this[i] == e) return true; } return fals原创 2013-12-26 17:46:25 · 1756 阅读 · 1 评论 -
js获取非行间样式获取与定义
<!--DOCTYPE html--><meta charset="utf-8" />*{ text-align:center;}input{ margin-top:30px; padding:10px 20px;}#div1{ width:500px; height:300px; background:red; marg原创 2014-01-14 14:48:56 · 2159 阅读 · 0 评论 -
jQuery获取及设置单选框、多选框、文本框内容
获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].sel原创 2014-01-03 16:10:55 · 2819 阅读 · 0 评论 -
jquery ajaxFileupload多文件上传插件内核延伸
我需要实现多个文件上传,之前的做法是定义多个不同id的input,然后把ajaxfileuplod方法放在for循环里(问题是我需要一次性提交多张图片不是循环上传多张图片,于是这个方法就不能满足实际业务需求了),直接改源码(因为作者好久没有跟新了,也确实满足不了要求了)。接下来看看我是怎么改的。引用网上的做法:1,看没有修改前的代码Js代码 var原创 2014-04-02 11:27:36 · 2733 阅读 · 0 评论 -
网页媒体播放利器 - JW Player使用心得
序言前段时间在做一个网站项目,要求能在线播放视频、音乐,这个以前还真没接触过。恰好今天在坛子里闲逛时,发现有同志对这方面也感兴趣,遂把这些整理了下,同时自己也可以复习下。播放器需要满足以下需求:1. 支持所有主流浏览器2. 能与播放器交互,播放器必须提供必要的API3. 可定制外观,方便后期扩展4. 支持flv、mp3、mp4格式,支持播放列表5. 详尽的帮助文档说明,方便开发者使用需求就是一切,转载 2014-05-16 19:05:33 · 3916 阅读 · 0 评论 -
jquery利用async在ajax中给全局变量赋值
var bool_=false;function selecked(names){ var check_box=document.getElementsByName(names); for(var i=0;i<check_box.length;i++){ if(check_box[i].checked==true){ check_box[i].checked=fals原创 2014-05-13 17:12:30 · 3112 阅读 · 0 评论 -
Js+Jq获取URL参数的集中方法
方法一:正则分析法 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]原创 2014-05-20 11:40:03 · 4248 阅读 · 0 评论 -
jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法
原始form表单值获取方式(手动):$.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){alert(error);} });JQ serialize()原创 2014-06-05 18:57:36 · 7323 阅读 · 0 评论 -
js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> Sample Page! <!-- function TestEvent(){ document.MyForm.tex原创 2014-06-11 17:22:32 · 9080 阅读 · 3 评论 -
js实现类似php中strtotime函数和timetostr的日期转换/互换功能
$(function(){ $('#example_1').datetimepicker(); $('#example_2').datetimepicker(); $('#example_3').datetimepicker(); $('#example_4').datetimepicker();});//yyyy-mm-dd H:i:s --- xxxxxx sfunction s原创 2014-06-11 18:33:47 · 4240 阅读 · 0 评论 -
php实现静态页面的访问次数统计
第一步在静态页面添加一个js文件" data-ke-src="/js/readcount.php?id=">//这里的$id就是你当前的文章id这段代码放在我们页面的显示阅读次数的位置:例如:阅读 " data-ke-src="/js/readcount.php?id="> 次第二步readcount.php统计页面代码:原创 2014-05-29 16:27:47 · 5807 阅读 · 0 评论 -
Javascript添加事件的方式
Javascript添加事件主要有三种方式:一、直接在DOM结点上写onclick=”fn()”这样写的话耦合性强,js函数与对应的DOM结点被强关联起来了,要重用的话也不好重用,改动的话更是崩溃,要找到对应的DOM结点。二、在Javascript代码中使用DOM.onclick=function(){}的方式添加事件解决了耦合性问题,但是这种方式只能对一个DOM添加一个事件,如果一个DOM结点对转载 2015-01-15 12:02:43 · 1112 阅读 · 0 评论 -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在)
1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中val转载 2015-01-15 12:04:06 · 1265 阅读 · 0 评论 -
js正则函数match、exec、test、search、replace、split使用介绍集合
match 方法 使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回。 stringObj.match(rgExp) 参数 stringObj 必选项。对其进行查找的 String 对象或字符串文字。 rgExp 必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。 其余说明与exec一样转载 2014-01-07 15:51:01 · 2680 阅读 · 0 评论 -
Jquery控制只能输入数字的常见方法
jquery 限制文本框只能输入数字 $("input[name='searchBean.con1']").keyup(function(){ //keyup事件处理 $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function原创 2014-01-07 11:28:33 · 8643 阅读 · 0 评论 -
值得收藏的十二条Jquery随身笔记
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom原创 2014-01-03 16:03:09 · 3105 阅读 · 2 评论 -
JS动态加载JS与CSS文件
一 HTML页面 jsforjscss.html 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1999/xhtml">翻译 2012-11-23 22:42:10 · 1103 阅读 · 0 评论 -
一段神奇的代码!
只要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容!神奇的代码 1神奇的代码1javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length;转载 2013-03-24 14:16:30 · 3226 阅读 · 1 评论 -
增加表单可用性之提示文字
平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示“请输入关键字”,并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置:代码(at pastebin.com):01 02 03 搜索04 05 06 07 document.getElementById("keyword").onfocus = fun原创 2013-06-03 12:06:31 · 1661 阅读 · 0 评论 -
JS this作用域以及GET传输值过长的问题
在开发项目的时候,前端遇到两个比较隐蔽的问题。问题一.专IE7浏览器,IE URL参数过长问题,引发HTTP Status 122报错原因:在IE6.8下没有什么问题,但在IE7就不兼容get参数过长,google上说“Don’t use the GET method in Ajax Apps, if you can void it, because IE7 craps out with翻译 2013-08-06 09:51:20 · 1440 阅读 · 0 评论 -
JavaScript实现url地址自动检测并添加URL链接
背景:写一个简单的聊天系统,发出Htpp的Url实现跳转加上a标签。实现代码:view plainprint?String.prototype.httpHtml = function(){ var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; return this.replac原创 2013-09-17 11:27:18 · 2010 阅读 · 0 评论 -
JQ简单图片经过效果--答一伙计
一哥们儿要给图片添加鼠标经过时的边框效果,可惜出发点错了,直接加在了IMG外的A标签上致使 鼠标经过时图片产生塌陷,实则应该将边框控制直接加在IMG标签上即可错误代码如下:注意红色部分设置 (出发点就错了)$(document).ready(function(){ $("#box a").mouseover(function(){ $(this).css("原创 2013-11-12 15:10:56 · 1326 阅读 · 0 评论 -
jQuery取得select选择的文本与值
jquery获取select选择的文本与值获取select :获取select 选中的 text : $("#ddlregtype").find("option:selected").text();获取select选中的 value: $("#ddlregtype ").val();获取select选中的索引: $("#ddlregtype转载 2013-12-09 11:33:53 · 2629 阅读 · 0 评论 -
jquery获取复选框的值
> html> head> mce:style> -->mce:style>style mce_bogus="1"> style> title>JS获取复选框被选中的值title> head> body> input type="checkbox" nam转载 2013-12-12 11:35:30 · 1295 阅读 · 0 评论 -
jQuery1.9.1针对checkbox的调整
在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下:判断是否选中$('#checkbox').prop('checked')设置选中与不选中状态:$('#checkbox').attr('checked',true)$('#checkbox').attr('checked',false)但此方法在jquery1.9.1原创 2013-06-01 11:26:35 · 2661 阅读 · 0 评论 -
jquery改变disabled的boolean状态
第一种:改变disabled的boolean状态,具体代码及解释如下:复制代码 代码如下:$("button:eq(2)").click(function(){var text2=$("input:text:eq(2)");if(text2.attr("disabled")==false){//通过设置disabled的boolean属性将第三个text输入框disabled属性置为tr转载 2013-12-13 11:14:06 · 1453 阅读 · 0 评论 -
javascript字符串替换及字符串分割举例
JS(JavaScript)字符串替换函数(有点像PHP的preg_replace)str.replace(‘xxx’, ‘yyyy’); 替换第一个str.replace(/xxx/g, ‘yyyy’); 替换全部字符串分割(类似PHP的分割函数)var test = ‘a-b-c-d’;test.split(‘-’);原创 2013-12-12 15:22:15 · 2170 阅读 · 0 评论 -
jquery遍历筛选数组的几种方法和遍历解析json对象
jquery grep()筛选遍历数组$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的原创 2013-12-13 11:06:53 · 16449 阅读 · 0 评论 -
JQ插件开发全解
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方原创 2013-12-13 18:05:26 · 1694 阅读 · 0 评论 -
js_event.keycode值大全
onkeydown 当用户按下键盘按键时触发onkeypress 当用户按下字面键时触发 onkeyup 当用户释放键盘按键时触发=================================keycode值使用例子===================================/** 禁止刷新按钮*/function clearF原创 2014-01-03 15:58:26 · 1222 阅读 · 0 评论 -
js中的晚绑定和极晚绑定
js中的晚绑定和大多数语言(比如c++)中的晚绑定概念一样,简单的说,就是动态地引用不同的实例的同名方法(或属性),例如代码: 123456window.a = function() {};a.prototype.method = function() {alert("a");};window.b = function() {};b.pr翻译 2014-01-03 16:05:31 · 2193 阅读 · 0 评论 -
解决微信小程序中Date.parse()获取时间戳IOS不兼容的问题(IOS为NaN的问题)
前端同事在做微信小程序时发现IOS获取的时间戳为空的问题,后来通过跟踪发现,原来是因为IOS系统不支持2017-01-01格式的时间导致的,var mydata = '2017-01-01 11:00:00'; console.log("返回时间:" + mydata);var time = Date.parse(new Date(mydata)) / 1000; 这样的代码安卓手机开发手机测试都原创 2017-07-04 15:29:55 · 12421 阅读 · 0 评论