javascript
文章平均质量分 52
循序0010
这个作者很懒,什么都没留下…
展开
-
jQuery图片上传前先在本地预览
/**名称:图片上传本地预览插件 v1.1*作者:周祥*时间:2013年11月26日*介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari*插件网站:http://keleyi.com/keleyi/phtml/image/16.htm*参数说明: Img:图片ID;Width:预览宽度;Height:预览高度;ImgType:支持文件类转载 2015-08-10 09:22:53 · 427 阅读 · 0 评论 -
利用forms元素提交表单
账号:密码: document.getElementById('btn').onclick = function(){ if(document.forms['login'].username.value != ''){ document.forms['login'].submit(); } }注:通过forms的成员方法 submit()来提交!原创 2015-09-11 22:49:46 · 285 阅读 · 0 评论 -
DOM对象和jQuery对象之间的相互转换
例子:Click Me!1.先获得一个DOM对象,然后将其转换为一个jQuery对象://Part 1: DOM --> jQuery//DOM object:var pElement = document.getElementsByTagName("p")[0];alert("DOM pElement: " + pElement.innerHTML);//Convert DOM原创 2015-09-30 15:14:36 · 375 阅读 · 0 评论 -
jquery 实现可编辑的表格
测试 table,td { border-collapse:collapse; border:solid 1px ; } td{width:100%px;}原创 2015-09-30 17:22:07 · 411 阅读 · 0 评论 -
js中获取时间 new Date() 汇总
getTime()getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。new date().getTime();setFullYear()var myDate=new Date() ;myDate.setFullYear(2008,7,9);//为日期对象设置了一个特定的日期 (2008 年 8 月 9 日):注意:表示月份的参数介于 0 到 11 之原创 2015-09-13 11:57:01 · 582 阅读 · 0 评论 -
Dom 知识点总结
在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。所有 HTML 元素被定义为对象,其包含对象方法和对象属性。方法是能够执行的动作(比如添加或修改元素)。属性是能够获取或设置的值(比如节点的名称或内容)。HTML DOM 对象 - 方法和属性一些常用的 HTML DOM 方法:getElementById(id) - 获取带有指定 id 的节点(元素)原创 2015-10-01 16:50:28 · 431 阅读 · 0 评论 -
sessionId 失效 ,后台“品”字后台跳转
当用户在后台操作时,由于长时间没有操作,sessionId 时间 过期失效 ,后台“品”字后台跳转,可以用以下js代码实现:window.top.location.href='url';原创 2015-09-14 23:35:00 · 412 阅读 · 0 评论 -
Dom 经典实例
访问某个元素内的属性,用对象访问的形式,如,方法form元素内的action属性:document.forms[0].action 或是 document.getElementById('fm').actiondocument.getElementById("myButton").disabled=true;//设置按钮失效document.getElementById("myCheck").转载 2015-10-01 16:54:54 · 408 阅读 · 0 评论 -
jquery 事件总结
【事件】.unload([[data],fn]);//在当用户离开页面时,会发生 unload 事件。当发生以下情况时,会发出 unload 事件:点击某个离开页面的链接在地址栏中键入了新的 URL使用前进或后退按钮关闭浏览器重新加载页面$(window).unload( function () { alert("Bye now!"); } );//页面卸载的时候弹出一个警告框.原创 2015-10-03 17:29:18 · 242 阅读 · 0 评论 -
javascript 和 jq 的调试 用console.log() 函数
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑。用法:代码如下:window.console.log("Sample log");上述代码可以忽略window原创 2015-09-17 17:38:20 · 9961 阅读 · 0 评论 -
正则 /u ,/i ,/s ,/m
/u 表示按unicode(utf-8)匹配(主要针对多字节比如汉字)/i 表示不区分大小写(如果表达式里面有 a, 那么 A 也是匹配对象)/s 表示将字符串视为单行来匹配/m 表示匹配多行array preg_split ( string pattern, string subject [, int limit [, int flags]] )返回一个数组,包含原创 2015-10-21 10:42:23 · 1785 阅读 · 0 评论 -
面试会遇到的正则--去除掉js代码,或是html中代码
header("Content-type:text/html;charset=utf-8"); $str = 'adasdf'; var aa = "sdsds"; alert(aa);//测试php正则匹配掉js代码'; $preg = "//i"; //里面的?表示尽可能少重复,也就是匹配最近的一个。匹配的规则不能用 "//i",因为它不能匹配到换行符. $newstr =原创 2015-10-21 09:33:22 · 1609 阅读 · 1 评论 -
js 首页轮换图片
var cur = 1 ;//表示鼠标第二个开始 var si = setInterval(go, 1000); var is_auto = 0; //默认不是自动触发 var btns = $('#ad_btn div'); btns.mouseover(function(){ var n = $(this).index();原创 2015-11-06 23:01:07 · 444 阅读 · 0 评论 -
js ,php 等方法获取当前窗口URL
URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:scheme://host:port/path?query#fragment scheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数,原创 2015-09-19 11:20:43 · 1362 阅读 · 0 评论 -
document.referrer 获取来路url和当前url地址
js获取来路url地址,相当于php的$_SERVER['HTTP_REFERER'],(但$_SERVER超全局变量里,没有HTTP_REFERER??!)利用js获取来路url地址可以准确地判断网页的真实来路。防盗链也很简单了,js里判断来路url如果不是本站不显示图片。注:js中的referer是referrer不是referer,即:document.referrer,不要写错!顺原创 2015-09-22 10:52:07 · 11484 阅读 · 0 评论 -
js在客户端控制上传图片的大小
上传 var hsize = document.getElementById('hsize').value;//限制的大小 function chuang(a) { var size = a.files[0].size ; if(size >= hsize )原创 2015-11-23 09:23:26 · 420 阅读 · 0 评论 -
js弹出确认框,js返回
记点js杂项:【js弹出确认框】if(confirm("确定要清空数据吗?")){}【js返回】echo 'alert("暂时没有活动..");history.go(-1);';exit;原创 2016-12-02 13:07:56 · 1613 阅读 · 0 评论 -
jq ajax 异步上传文件
<?php if(isset($_FILES['upfile'])){ $arr_ext = explode('.', $_FILES["upfile"]["name"]); $path = "./Uploads/".date('Ymd').'/'; if(!is_dir($path)){原创 2017-03-07 19:58:22 · 3022 阅读 · 0 评论 -
js获取cookie
php两个函数 urlencode urldecodejs两个函数 decodeURI encodeURI 5.5以前的版本是已经废弃的 escape unescape 示例如下:1、php 设置cookie ,js读取cookie <?phpsetcookie ("username", urlencode("中文测试"));?> alert(de原创 2015-09-25 09:41:26 · 1103 阅读 · 0 评论 -
在html静态页面按钮链接,给button加上提交的链接等方法
1、按钮做成链接(图片)的样子提交按钮提交链接提交重置按钮重置链接重置普通按钮普通链接链接至于图片也一样把a标签换成img2、链接做成按钮的样子注册=>-----------------------------------有的时候我们完全可以手工做一个get方式的原创 2015-09-06 10:32:19 · 41808 阅读 · 1 评论 -
ajax 实现商品属性表单
代码实现:function clone_row(A)//参数A是当前标签对象{ //选中a标签所在的li, var li = $(A).parent(); //取出a标签的内容 var opt = $(A).html(); //判断内容 if(opt == '[+]') { //复制一个新的li var原创 2015-08-07 09:21:04 · 426 阅读 · 0 评论 -
html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法
/**FormData ==>表单数据能自动把表单数据拼接打包当ajax发送数据时,发送打包的数据;还可以使用FormData对象的append(key,value)添加数据FormData还可以自动帮忙打包文传送件数据,后台通过$_FILES数组接收说明FormData对象既可以打包发送表单的数据,也可以手动append数据注意,input Dom对象有一个files属性(转载 2015-08-11 13:36:42 · 3389 阅读 · 0 评论 -
使用Jq 实现复选框批量选中效果
实现步骤:首先,先获取到当前复选框的元素,但点击click 时触发(注意,在jq中的事件是没有带on);然后,获取当前的复选框状态;最后,根据其状态设置相同的状态属性。$('#selall').click(function(){ //获取当前复选框的状态 var chk = $(this).attr('checked'); if(chk){ $('.selal原创 2015-07-30 07:15:48 · 968 阅读 · 0 评论 -
利用html5的FormData对象和ajax实现异步文件上传
js部分:html5拖拽+ajax异步文件上传#box{ width:100px; height:100px; border:1px solid green; line-height:50px; text-align:center;} window.onload=function(){ va转载 2015-08-11 13:39:07 · 333 阅读 · 0 评论 -
jq实现复选框联级选中和取消动作
图例如下: //获取当前的复选框 $('input[name=pri_id_list[]]').click(function(){ //获取当前级别 var cur_level = $(this).attr('level'); //获取当前选中的状态 var chk = $(thi原创 2015-07-30 23:07:29 · 1204 阅读 · 0 评论 -
jquery选择器用法
1.基本选择器2.层次选择器2.1. sela selb派生选择器---(父子关系)$(“div span”) 在div内部获得全部span标签,无需考虑层次2.2. sela > selb子元素选择器---(父子关系)$(“div > span”) 在div的内部获得子级span标签2.3. sela + selb原创 2015-08-29 15:12:18 · 314 阅读 · 0 评论 -
jq 属性选择器及子元素过滤选择器
属性选择器$(“[name]”) 获得全部有name属性的元素节点$(“[name=email]”) 获得有name属性并且值等于email的元素节点$(“[name!=email]”) 获得属性name不等于emai的元素节点子元素过滤选择器注:注意和简单过滤选择器(:first,:last,:eq()原创 2015-08-29 16:49:48 · 3527 阅读 · 0 评论 -
jquery中元素属性的操作
type=”text” name=”username” class=”apple” value=”linken” id=”student” weather=”晴朗”/>① 获得属性值得信息:var it = document.getElementById(‘student’);it.value //节点对象.属性名称 该方式获得的属性都是w3c规定的属性it.get原创 2015-08-29 15:19:42 · 350 阅读 · 0 评论 -
Jq实现重叠效果-实现无限级分类树形中js 的折叠效果
案例:代码实现:首先,在静态页面导入jq包;然后,代码实现如下: //获取当前的 a 标签 $('a.zd').click(function(){ //找到当前所在的tr var tr = $(this).parent().parent(); //获取当前的级别level原创 2015-08-04 09:01:33 · 3859 阅读 · 1 评论 -
利用jquery完成表单域的收集,利用ajax实现信息传递给服务器存储
利用jquery完成表单域的收集,利用ajax实现信息传递给服务器存储:①.利用jquery中 val()方法 ②及原始ajax post 提交代码如下:function fu(){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 &原创 2015-08-29 16:09:46 · 843 阅读 · 0 评论 -
jquery中 css样式操作
具体操作$(‘选择器’).css(名称); //获取样式$(‘选择器’).css(名称,值); //设置样式$(‘选择器’).css(json对象); //同时设置多个样式属性原创 2015-08-29 15:36:11 · 358 阅读 · 0 评论 -
jquery中 val()操作 与 复选框、下拉列表、单选按钮的设置
value的缩写val()val()是对value属性操作的快捷方法$(选择器).attr(‘value’) -------类似--------> $(选择器).val(); 获取value信息$(选择器).attr(‘value’,值)--------类似-------> $(选择器).val(值); 设置value信息前者不可以取代后者,后者的功能十分强大。复选框、原创 2015-08-29 15:42:11 · 1035 阅读 · 0 评论 -
jquery 中 live事件委派 与 bind事件绑定
【事件委派】事件委派也是为元素节点绑定事件,与bind方法有相似的地方,不同点是例如:给多个li利用事件委派设置点击click事件,新添加进来的li也会有与兄弟相同的事件。【事件绑定】传统方式事件设置DOM1it.onclick = function(){}DOM2级事件绑定dom对象.addEventListener();dom对象原创 2015-08-29 18:16:16 · 367 阅读 · 0 评论 -
利用ajax获取商品价格
// 根据当前登录用户计算商品的会员价格 public function ajaxGetMemberPrice($goods_id) { // 如果登录了就计算 if(session('?mid'))//判断session中有无mid,是tp自带的一种验证方法 { $rate = session('rate') / 100; $level_id = session('l原创 2015-08-17 08:56:30 · 1168 阅读 · 0 评论 -
js实现多图片上传
代码如下在html页面中: [+] --> 在js页面中://商品相册js添加function clone_row(A)//参数A是当前标签对象{ //选中a标签所在的li, var li原创 2015-08-06 09:02:40 · 855 阅读 · 0 评论 -
js 模拟form 表单提交
用户名:提交 document.getElementById('btn').onclick=function(){ if(document.forms['login'].unsername.value !='') { document.forms['login'].submit(); }}注:document.forms[‘formName’],若只有一原创 2015-08-05 16:59:39 · 1675 阅读 · 0 评论 -
jq实现切换栏目显示效果
代码如下: //获span标签,并绑定点击事件 // $('p span').each(function(){ // $(this).click(function(){ // alert('a'); $('p span').click(function(){ //获取当前点击的span var i原创 2015-08-05 16:42:49 · 744 阅读 · 0 评论 -
jQuery AJAX
原始的javascript 的 ajax使用过程:初始化→发送请求→等待服务器响应→接收响应。 1.创建XMLHTTPRequest对象 2.使用open()方法设置和服务器端交互的相应参数,包括发送HTTP请求的方式(get orpost) ,请求的URL,是否异步方式交互 3.使用send()方法发送HTTP请求 4.使用onreadystatechange事件监听服务端反原创 2015-08-17 00:18:59 · 368 阅读 · 0 评论 -
js对象长度与js数组长度
js对象长度与js数组长度obj = {330251:Object,335437:Object,335613:Object,335957:Object,336073:Object}第一种方法,遍历: var objLen =0; for(var i in obj){ objLen++; } 第二种方法:Object.getOwnPropertyNames(obj).原创 2017-08-18 09:04:23 · 39194 阅读 · 0 评论