javascript
关注
分享
扫一扫
MOVING
调程序的CXY
展开
-
DOM节点的创建与操作[转载]
[b]document.createElement(element): 创建一个标签为element的Element节点。[/b] 注意： 在HTML中,element大小写不敏感；在XML(XHTML)中大小写敏感。 例子: [code="java"]1.var el = document.createElement("div"); 2.el.id = ...原创 2011-07-04 11:35:32 · 138 阅读 · 0 评论 -
js IP 端口验证
[code="java"]function isPort(str){ var parten=/^(\d)+$/g; if(parten.test(str)&&parseInt(str)=0){ return true; }else{ return false; } }function isIP(strI...原创 2011-03-29 16:47:32 · 445 阅读 · 0 评论 -
轮训业务逻辑
[code="java"]var channelArr = [1,2,3,4,5,6,7,8,9];var windowArr = [1,2,3];var time = 1;//当逻辑通道数大于屏幕窗口数function roundPreview(channelArr,windowArr){ var totleTime = Math.ceil(channelArr.lengt...原创 2011-08-12 09:57:11 · 144 阅读 · 0 评论 -
IE6 SELECT
•问题一：IE6的select的innerHTML直接赋值会出错，拼好的option串前面几个字符丢失解决方法：用document.createElement创建option，然后append上select去•问题二：在同一个方法中，先新生成了四个select的option，然后，用select.value=xxx 的方式来选定四个select的值，IE6不work解决方法...原创 2011-08-12 16:08:09 · 107 阅读 · 0 评论 -
js setTimeout
常看到setTimeout延时0ms的javascript代码，感到很迷惑，难道延时0ms和不延时不是一个道理吗？后来通过查资料以及实验得出以下两个作用，可能还有作用我还不知道，希望得知的朋友在后面评论上不吝指出。1、实现javascript的异步；正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身，这时就可以用到setTimeout延时0ms...原创 2011-08-12 17:03:06 · 209 阅读 · 0 评论 -
javascript中的float运算精度
有人问到一个js问题：view plainprint?[code="java"] var i = 0.07; var r = i*100; alert(r); [/code]结果为什么是7.0000000000000001?查了下资料，其实我们知道JavsScript中，变量在存储时并不区分number和float类型，而是统一按...原创 2011-12-15 10:24:57 · 272 阅读 · 0 评论 -
JS对象序列化为JSON对象
[code="java"] /** * JSON 解析类 * Copyright (c) 2010 YaoYiLang * @email redrainyi@gmail.com * @datetime 2008-04-18 * @version 1.0 * * 方法： * 将...原创 2011-12-31 11:47:15 · 101 阅读 · 0 评论 -
Cookies
ookiesCookies 集合设置 cookie 的值。若指定的 cookie 不存在，则创建它。若存在，则设置新的值并且将旧值删去。语法Response.Cookies(cookie)[(key)|.attribute] = value 参数cookie cookie 的名称。key 可选参数。如果指定了 key，则 cookie 就是一个字典，而...原创 2012-05-04 10:10:37 · 143 阅读 · 0 评论 -
javascript "==" 原理
[code="java"]S中有一个基本概念就是： [/code]JavaScript中undefined==null 但undefined!==null undefined与null转换成布尔值都是false 如果按照常规想法，比如下面的代码 [code="java"]var a=1; alert(Boolean(a));//返回true //那么下面的代码也...原创 2011-12-03 16:13:25 · 99 阅读 · 0 评论 -
window.location的属性
[code="java"]属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段。 host 设置或获取 location 或 URL 的 hostname 和 port 号码。 hostname 设置或获取 location 或 URL 的主机名称部分。 href 设置或获...原创 2011-03-15 20:37:58 · 75 阅读 · 0 评论 -
鼠标 X Y 坐标
[code="java"] function mousePosition(ev) { if(ev. pageX || ev. pageY) { return {x: ev.pageX, y: ev.pageY} ; } return { x: ev.clientX...原创 2010-12-10 11:54:43 · 184 阅读 · 0 评论 -
JQuery -- this 和 $(this) 的区别
[code="java"]起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事。[code="java"]What is "this"?In many object-oriented programming languages, this (or self) is a keyword which can be used in instan...原创 2010-12-10 11:03:08 · 97 阅读 · 0 评论 -
锚点链接-不同页面之间的锚点链接方法
[code="java"]举例：1.html 第二章 2.html 第一章这样就可以实现锚点之间的链接了。[/code]原创 2011-07-05 15:59:02 · 1596 阅读 · 0 评论 -
JavaScript中isNaN函数
JavaScript中isNaN函数方法是返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。 使用方法：isNaN(numValue)其中必选项 numvalue 参数为要检查是否为 NAN 的值。 如果值是 NaN， 那么 isNaN 函数返回 true ，否则返回 false 。 使用这个函数的典型情况是检查 parseInt 和 parseFloa...原创 2011-07-07 21:37:21 · 149 阅读 · 0 评论 -
javaScript——优化[转载]
javaScript是一门解释性的语言、它不像java、C#等程序设计语言、由编译器先进行编译再运行、而是直接下载到用户的客户端进行执行。因此代码本身的优劣就直接决定了代码下载的速度以及执行的效率。 1、减缓代码下载时间： Web浏览器下载的是javaScript的源码、其中包含的长变量名、注释、空格和换行等多余字符大大减缓了代码下载的时间。这些字符对于...原创 2011-07-12 15:36:09 · 81 阅读 · 0 评论 -
jQuery html text val 方法
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明： 首先，html属性中有两个方法，一个有参，一个无参 1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String 例子： html...原创 2010-12-09 10:59:17 · 167 阅读 · 0 评论 -
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 ...
获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selected...原创 2010-12-10 09:27:11 · 102 阅读 · 0 评论 -
jquery笔记（常用技术）
1.选择器 (1)通配符： $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 ...原创 2010-12-10 09:41:00 · 83 阅读 · 0 评论 -
jQuery.each
[code="java"]var arr1 = [ "one", "two", "three", "four", "five" ]; $.each(arr1, function(){ alert(this); }); 输出：one two three four five var arr2 = [[1, 2, 3], [4, 5,原创 2010-12-10 09:49:30 · 84 阅读 · 0 评论 -
$.each()遍历后jquery对象被转换为非jquery对象
[code="java"]$.each($('#nbar li'),function(i,n){ if($(n).find("a").text()=='格子铺'){$(n).addClass('li_bd');} });//遍历后，jquery对象转化为DOM元素，要采用jquery操作该元素时必须使用$(n)将其转换为jquery对...原创 2010-12-10 10:51:29 · 310 阅读 · 0 评论 -
中间iframe 解决 js 跨域
已知a.html,c.html，其中c页面是a页面的子页面，且a、c不同域，求a,c页面互相访问的方案？方案如下：思路：在a.html中增加与c.html同域的d.html，通过d.html访问c.html在c.html中增加与a.html同域的b.html，通过b.html访问a.html代码如下：a.html:[code="java"] ...原创 2012-02-15 17:37:52 · 187 阅读 · 0 评论 -
window.parent和window.opener区别 及iframe自适应高度及js offsetheight和scrollheight的区别 ...
[code="java"]下面一段代码是关于window.parent和window.opener区别 来讲的，我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。可以...原创 2012-03-13 10:00:43 · 453 阅读 · 0 评论 -
查找所有嵌套iframe .
01.//查找所有嵌套iframevar allIfrs = new Array(); 02.function findAllIfr(ifr){ 03. var ct = ifr; 04. if(ifr != top) 05. ct = ifr.contentWindow; 06. var ifrs = ct.document.get...原创 2013-01-28 10:19:49 · 988 阅读 · 0 评论 -
Js 冒泡事件阻止
[b]1. 事件目标 [/b]现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理...原创 2013-01-29 09:27:45 · 113 阅读 · 0 评论 -
JQuery移除事件
移除事件 unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的，随后就要立即解除绑定的情况，用one() $('#btn').one("click",func...原创 2013-01-30 13:00:37 · 164 阅读 · 0 评论 -
jQuery JSONP 跨域实践
jQuery JSONP 跨域实践一客户端(url:http://192.168.1.2:81/jsonp_test.jsp)客户端页面首先在body 中放置一个div: 将远程调用的数据写入该div中[code="java"] $(document).ready(function(){ $.ajax({ url...原创 2013-12-12 18:24:29 · 121 阅读 · 0 评论 -
利用Script实现JSONP跨域
1.什么是跨域我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.跨域问题是由于javascript语言安全限制中的同源策略造成的.简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合.例如:[img]http://dl.iteye.com/upload/pictur...原创 2014-01-24 09:38:21 · 223 阅读 · 0 评论 -
Javascript开发调试
小谈chrome调试命令：console.log的使用http://sentsin.com/web/11.htmlchrome developer tool 调试技巧http://ued.taobao.com/blog/2012/06/debug-with-chrome-dev-tool/原创 2014-07-08 10:08:35 · 97 阅读 · 0 评论 -
Js中escape(),encodeURI()和encodeURIComponent()使用和比较：
Js中escape(),encodeURI()和encodeURIComponent()使用和比较：escape方法以Unicode格式返回一个包含传入参数内容的string类型的值。 Escape方法会将传入参数中所有的空格、标点符号、重音字符以及其它任何非ASCII字符替换为%xx的编码形式，其中xx与其所表示的字符的16进制数表示形式相同。如空格字符的16进制表示形式为0x20，则此...原创 2013-09-12 09:42:11 · 103 阅读 · 0 评论 -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。[b]方法一：用CSS和JavaScript实现预加载[/b]实现预加载图...原创 2013-10-17 09:35:55 · 91 阅读 · 0 评论 -
XMLHttpRequest 对象（AJAX）的状态码（readyState）及HTTP 状态代码（status）的对照表...
XMLHttpRequest 对象（AJAX）的状态码（readyState） 当一个 XMLHttpRequest 初次创建时，这个属性的值从 0 开始，直到接收到完整的 HTTP 响应，这个值增加到 4。5 个状态中每一个都有一个相关联的非正式的名称，下表列出了状态、名称和含义：状态 名称 描述0 Uninitialized 初始化状态。XMLHttpRequ...原创 2012-04-19 19:43:24 · 182 阅读 · 0 评论 -
什么是同源策略
一.什么是同源策略 同源策略，它是由Netscape提出的一个著名的安全策略，现在所有的可支持javascript的浏览器都会使用这个策略。 为什么需要同源策略，这里举个例子： 假设现在没有同源策略，会发生什么事情呢？大家知道，JavaScript可以做很多东西，比如：读取/修改网页中某个值。恩，你现在打开了浏览器，在一 个tab窗口中打开了银行网站，在另...原创 2012-12-12 11:15:34 · 400 阅读 · 0 评论 -
If-Modified-Since & If-None-Match
[size=medium]If-Modified-Since & If-None-MatchIf-Modified-Since，和 Last-Modified 一样都是用于记录页面最后修改时间的 HTTP 头信息，只是 Last-Modified 是由服务器往客户端发送的 HTTP 头，而 If-Modified-Since 则是由客户端往服务器发送的头，可 以看到，再次请求本地存在的 c...原创 2013-04-27 13:24:48 · 129 阅读 · 0 评论 -
js 编码，使用java解码方式
使用两个方法：decodeURIComponent和escape如：nickname = decodeURIComponent(escape(nickname)); 解码使用：nickname = java.net.URLDecoder.decode(nickname , "utf-8"); js对文字进行编码涉及3个函数：escap...原创 2012-10-30 11:02:38 · 122 阅读 · 0 评论 -
JavaScript Module Pattern: In-Depth
Module difinition:http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.htmlrequires.jshttp://requirejs.org/docs/start.html#add使用RequireJS优化Web应用前端http://www.youkuaiyun.com/article/...原创 2013-03-27 11:47:33 · 107 阅读 · 0 评论 -
超链接在web开发中使用总结
在工作中在前端页面的编写中经常使用到超链接，遇到了一些细小问题，在这里进行一下总结，以备未来使用，同时分享给大家，方便查找。 通常在开发中使用超链接用来触发onclick事件，已达到类似按钮点击操作的效果，同时在样式上比button标签更加灵活。最常用写法：[code="java"] [/code] 在开发过程中容易出现的问题是，在IE环境下，上述写法在页...原创 2013-04-02 14:33:06 · 223 阅读 · 0 评论 -
js中addEventListener中第3个参数 .
捕获阶段、目标阶段、冒泡阶段[b]addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外)，true为capture方式(由外向里)。[/b][code="java"] id1 div2[/code][b]eg1:[/b][code="java"]01.document.getElem...原创 2013-04-19 16:33:17 · 374 阅读 · 0 评论 -
js之事件冒泡和事件捕获
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。[b]（1）冒泡型事件：[/b]事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -...原创 2013-04-20 10:03:20 · 405 阅读 · 0 评论 -
关于document.compatMode的一些介绍
对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助。 我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览...原创 2013-04-22 17:35:42 · 209 阅读 · 0 评论 -
js实现网页图片延时加载的原理和代码
有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟实现原理：把所有需要延时加载的图片改成如下的格式： ...原创 2013-04-23 11:52:39 · 107 阅读 · 0 评论