随笔分类 -  JS积累

上一页 1 2 3 4 下一页
Js跨域、父级窗口执行JS赋值、取值，更改元素
摘要：网站域名： A:http://www.xxoo.com/a.html B:http://www.aabb.com/b.htmlB网站嵌套与A网站（A的a中的Iframe指向B中的b）b要让父级a页面执行脚本 则有如下几种方式：在A域名下网站新建a1.html页面在B域名下b网页添加iframe 指向a1.html页面 路径为http://www.xxoo.com/a1.html#你的参数在a1页面中用：var str = window.location.hash; 获取通过：var obj = window.top; 来获取顶级框架的对象然后 通过obj 来访问对象：obj.documen.. 阅读全文
posted @ 2013-12-02 09:48 xyzhuzhou 阅读(875) 评论(0) 推荐(0)
简单定时器
摘要：1 阅读全文
posted @ 2013-11-29 08:54 xyzhuzhou 阅读(172) 评论(0) 推荐(0)
JavaScript实现本地图片上传预览功能（兼容IE、chrome、FF）
摘要：需要解决的问题有：本地图片如何在上传前预览、编辑；最近发现这个功能很多是基于flash实现的，很多JavaScript实现的代码兼容性都很差，特别是在IE和firefox和chrome三个浏览器上不兼容。代码实现主要利用到jquery插件imgAreaSelect，FileReader对象（chrome和ff获取本地图片数据的接口），IE滤镜效果。关键词：imgAreaSelect FileReaderdocument.selection.createRange()IE滤镜效果一、实现上传前预览1.1、页面显示代码1-1显示的是html需要展示的web页面信息01020304050607080 阅读全文
posted @ 2013-11-26 16:59 xyzhuzhou 阅读(548) 评论(0) 推荐(0)
filter IE滤镜（Internet Explorer）CSS
摘要：收集一些IE滤镜,留作之后开发用.透明度#myElement { opacity: .4; /* other browsers */ filter: progid: DXImageTransform.Microsoft.Alpha( opacity=40 ); /* IE6, IE7, and IE8 */ -ms-filter : "progid:DXImageTransform.Microsoft.Alpha( opacity=40 )"; /* IE8 only */ } PNG图片透明度.Transparent{_filter:progid:DXImageTra.. 阅读全文
posted @ 2013-11-26 16:46 xyzhuzhou 阅读(3933) 评论(0) 推荐(0)
Jquery跨域Ajax取值
摘要：HTML：$.ajax({ type: "get", async: false, url: "http://www.xxxxxx.com/otherLogin/checkLogin.aspx?isParam=1&rad=" + Math.random(), dataType: "jsonp", jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数 jsonpCallback: "success_jsonpCallbac... 阅读全文
posted @ 2013-11-26 15:56 xyzhuzhou 阅读(222) 评论(0) 推荐(0)
谷歌、百度搜索
摘要：谷歌搜索： 百度搜索： 阅读全文
posted @ 2013-11-26 09:24 xyzhuzhou 阅读(165) 评论(0) 推荐(0)
JS基本动画
摘要： 阅读全文
posted @ 2013-11-22 11:05 xyzhuzhou 阅读(256) 评论(0) 推荐(0)
JS选中清空
摘要：var inputArray = document.getElementsByTagName("input"); var strArray = []; for (var i = 0; i < inputArray.length; i++) { inputArray[i].aa = i; strArray.push(inputArray[i].value); inputArray[i].onfocus = function () { if (strArray... 阅读全文
posted @ 2013-11-22 11:02 xyzhuzhou 阅读(378) 评论(0) 推荐(0)
HTML5文件拖拽上传记录
摘要：1 JS文件： 2 var FileName = ""; 3 var FileStr = ""; 4 (function () { 5 function $id(id) { 6 return document.getElementById(id); 7 } 8 function Output(msg) { 9 var m = $id("filedrag"); 10 m.innerHTML = msg + m.innerHTML; 11 } 12 function FileDragHove... 阅读全文
posted @ 2013-11-20 09:25 xyzhuzhou 阅读(448) 评论(0) 推荐(0)
搜索引擎检查结果点击结果地址后 当前搜索引擎自动调整页面到指定地址
摘要：function a() { var s = "http://www.baidu.com/?" + document.domain; if (navigator.userAgent.indexOf("MSIE") != -1) { window.opener.navigate(s); } else { window.opener.location.href = s; } } var b = documen... 阅读全文
posted @ 2013-11-18 10:17 xyzhuzhou 阅读(217) 评论(0) 推荐(0)
从页面元素上滑动到指定位置
摘要：方便实用：var wintop = $(this).offset().top;$("html,body").animate({ scrollTop: wintop - 200 }, "slow"); 阅读全文
posted @ 2013-11-11 12:06 xyzhuzhou 阅读(268) 评论(0) 推荐(0)
使用javascript来访问本地文件夹
摘要：常用的.net 的aspx文件由于运行在服务器端，并不具有访问用户本地文件夹的权限，导致类似于 open folder 之类的指向本地文件方法无法使用。但是，javascript提供了activex 控件，却可以变相的实现打开本地文件夹，访问本地文件的功能。 下面就是打开文件夹的例子，通过fso函数，访问本地文件夹，在网页上列出文件夹下所有文件的文件名： 阅读全文
posted @ 2013-11-06 13:28 xyzhuzhou 阅读(915) 评论(0) 推荐(0)
JS图片加载时获取图片宽高信息
摘要：var height = 0; var img = new Image(); img.src = node.find("img[class='img1_1']").attr("src"); if (img.complete) { height = img.height; } else { img.onlo... 阅读全文
posted @ 2013-11-02 14:06 xyzhuzhou 阅读(303) 评论(0) 推荐(0)
JS获取节点属性个数及值得方法
摘要：var ex = node;var str = "ex"; var myIndex = 1;for (var j in ex) { alert("" + myIndex + "、（" + typeof (eval(str + "." + j)) + "）" + j + "" + "："); ... 阅读全文
posted @ 2013-10-30 16:17 xyzhuzhou 阅读(1432) 评论(0) 推荐(0)
非IE图片上传预览
摘要：$("#uploadFiles").change(function (e) { if (e.target.files) { var files = e.target.files || e.dataTransfer.files; for (var i = 0; i " + files[i].name + ""); } } else { var fileValArray = $(this).val().split("\\"); var fileVal = fileValArray[fileValArray.length - 1] 阅读全文
posted @ 2013-10-30 10:59 xyzhuzhou 阅读(193) 评论(0) 推荐(0)
JS操作Cookies
摘要：Cookie = { setCookie: function (name, val) { var exp = new Date(); exp.setDate(exp.getDate() + 600 * 1000); document.cookie = name + "=" + escape(val) + ";expires=" + exp.toGMTString(); }, DelCookie: function (name) { document.cookie = name + "=;expires=" + (new Dat... 阅读全文
posted @ 2013-10-15 16:23 xyzhuzhou 阅读(183) 评论(0) 推荐(0)
URL地址传值型多条件搜索JS
摘要：function ResetSearchVal(objArray) { var strUrl = location.href; for (var i = 0; i 0; var val = $("#" + objArray[i]).val(); var valFlag = val != "" && val != "0" && val != "搜索 用户ID/用户名称/用户邮箱"; ... 阅读全文
posted @ 2013-09-27 12:19 xyzhuzhou 阅读(1162) 评论(0) 推荐(0)
jquery表单验证插件 jquery.form.js ------转载
摘要：Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。1、JQuery框架软件包下载文件:jquery.rar大小:29KB下载:下载2、Form插件下载文件:jquery.form.rar大小:7KB下载:下载3、Form插件的简单入门第一步：先增加一个表单Name:Comment:第二步：jquery.js和form.js文件的包含3、Form插件的详细使用方法及应用实例http://www.malsup.com/jquery/form/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝该插件的作者在介绍form.js时，说了这样的一句话：Submitting 阅读全文
posted @ 2013-08-23 17:00 xyzhuzhou 阅读(316) 评论(0) 推荐(0)
40 个顶级 jQuery 图片、内容滑块和幻灯片
摘要：在这个快速发展的网络世界中，我们使用图片、内容滑块和幻灯片来给网站实现良好、有吸引力的外观。你可以吸引浏览者借助图像滑块让网站更加具有活力。使用 JavaScript 可以轻松实现轻量级的图片和内容滑块效果，以及各种幻灯片展示效果。本文介绍 40 个顶级的 jQuery 图片和内容滑块，以及幻灯片效果。SLICK AND ACCESSIBLE SLIDESHOWA SLICK CONTENT SLIDERAPPLE-STYLE SLIDESHOW GALLERYIMAGE ACCORDIONANYTHINGSLIDERAUDIO SLIDESHOWAUTOMATIC IMAGE MONTAGE 阅读全文
posted @ 2013-06-17 09:11 xyzhuzhou 阅读(252) 评论(0) 推荐(0)
一些很有用的JS特效
摘要：一些很有用的JS特效,只知道我在用时感觉很熟可又一时想不到,留下记号.献给向我一样记性不太好的开发人员 :) 1. 复制内容到剪贴板 代码:oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2.取消选取、防止复制 复制内容到剪贴板 代码:<body onselectstart="return false">3. 不准粘 阅读全文
posted @ 2013-04-23 09:31 xyzhuzhou 阅读(569) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页