
javascript
文章平均质量分 68
gogiqp_jyh
IT技术分享博客,http://blog.127n.com
展开
-
js使用技巧
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色style="background-color:rgb(235,207,22)">3.鼠标移入移出时颜色变化onMouseOver=this.style.原创 2013-12-16 19:49:06 · 1204 阅读 · 0 评论 -
Javascript刷新页面的几种方法:
Javascript刷新页面的几种方法: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 do原创 2013-12-16 19:47:36 · 571 阅读 · 0 评论 -
狐浏览器中不支持js中window.close的解决方
关闭网页的js,一般的情况下,我们习惯用window.close()来关闭网页。但是在火狐下面,不起作用。我搜索了一下谷歌,发现所以window.close在firefox不能使用,是因为firefox默认不能关闭用户打开的网页。只有设置火狐浏览器的一个参数才能实现关闭网页的功能。 解决方法: 打开firefox,在地址栏输入about:config 找到dom.allow_scripts_原创 2013-12-16 19:46:56 · 632 阅读 · 0 评论 -
JavaScript中的document.cookie的使用
我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。 我们先要学一学原创 2013-12-16 19:45:46 · 865 阅读 · 0 评论 -
window.onload兼容ie和ff以及多次调用导致相冲突的解决方法
标签: 杂谈 分类: JS/JQuery 有的JavaScript脚本必须等待页面加载结束 才能正常执行。 对于这样的情况有两个解决方法:1、将脚本写到html的结束位置。这样只有html全部接在完毕后才会加载执行JavaScript脚本。2、将脚本放在任意位置。通过 window.onload来执行脚本。 window.onload的意思是当页面加载完毕的时候执行。 ***原创 2013-12-16 19:45:16 · 4279 阅读 · 1 评论 -
给xmlhttp建立个连接池
在ajax应用中,通常一个页面要同时发送多个请求,如果只有一个XMLHttpRequest对象,前面的请求还未完成,后面的就会把前面的覆盖掉,如 果每次都创建一个新的XMLHttpRequest对象,也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池,如果池里有空闲的 对象,则使用此对象,否则将创建一个新的对象。以下为代码 var XMLHttp = ...{ _原创 2013-12-16 19:45:04 · 561 阅读 · 0 评论 -
js prototype
我们知道JScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会"继承"赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢? 对于对象的prototype属性的说明,JScript手册上如是说:所有 JScript 内部对象都有只读的 prototype 属性。可以向其原型中动原创 2013-12-16 19:44:42 · 439 阅读 · 0 评论 -
不使用任何框架,教你制作网页滑动切换效果
http://sd.youkuaiyun.com/a/20120417/2804644.html原创 2013-12-16 19:44:13 · 567 阅读 · 0 评论 -
JavaScript获取文本框光标的像素位置
本文主要实现获取textarea和input光标的像素位置,即光标的offsetLeft与offsetTop。可实现如下效果: 甘特图Xgantt(全球首款甘特图32年历史) Visual WebGui (完美的用户界面解决方案) Stimulsoft Reports.Net (报表生成控件) DXperience Uni Premium 白金版(慧都独家)原创 2013-12-16 19:42:15 · 797 阅读 · 0 评论 -
让Web应用程序飞起来的秘诀
导读:通过提高Web资源的性能,让它们变得更小,使得网站的访问者将可以更快地加载较小的源文件,而且将可以节省网站所用的带宽。本文介绍了如何通过对CSS和JavaScript文件——两种易于优化的常见资源,使用社区中提供的工具即可完成优化——优化空间使用来实现更高的性能。然而,在继续之前,有一点是很重要的,压缩CSS和JavaScript文件只是为了让Web应用程序“轻巧”的诸多操作其中的两个技术。原创 2013-12-16 19:41:05 · 648 阅读 · 0 评论 -
js页面跳转代码
1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用:window.open('你所要跳转的页面'); window.history.back(-1);返回上一页 3、一些用法按钮式:链接式:返回上一页">返回上一页直接跳转式:window.location.href='连接地址';开新窗口:123 window.op原创 2013-12-16 19:40:06 · 664 阅读 · 0 评论 -
用jquery获取form表单值的方法总结
用jquery获取form表单值的方法总结 用jquery获取form表单值的方法总结: jquery获取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item原创 2013-12-16 19:40:02 · 830 阅读 · 0 评论 -
js去空格
----------------------------------js去空格--------------------------- 去除字符串左右两端的空格,在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim,但在js中却没有这3个内置方法,需要手工编写。下面的实现方法是用到了正则表达式,效率不错,并把这三个方法加入String对象的内置方法中去。 写成类的方原创 2013-12-16 19:48:49 · 600 阅读 · 0 评论 -
JS获取CSS属性值方法
JS获取CSS属性值方法有很多,我这里介绍两种 obj.style方法,这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),看一下代码 XML/HTML代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> http://www.w3.org/1999/xhtml“> JS原创 2013-12-16 19:39:17 · 870 阅读 · 0 评论 -
javascript:控制输入框只能输入数字
在input的标签中加入以下代码: onkeyup="this.value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getDat原创 2013-12-16 19:47:43 · 594 阅读 · 0 评论 -
object.getAttribute() setAttribute()
2012-05-09 20:45 js html中自定义属性值和getAttribute()结合使用获取元素 html中所谓的自定义属性值如下面例子所示: 自定义属性 un="line" 就是一个自定义的属性值。 这种用法在平时使用的很少,但是最近在写一个目录树的效果,所以参考了腾讯企业邮箱的html部分结构,在腾讯企业邮箱的目录树中,就使用到了自定义属性。 针对目录数结原创 2013-12-16 19:47:02 · 980 阅读 · 0 评论 -
window.parent & window.opener
window.parent & window.opener window.parent针对frame 父页面: 父页面 子页面: function change(){var _parentWin = window.parent ; _parentWin.form1.username.value = "来自子窗口 的参数" ; } click wi原创 2013-12-16 19:46:10 · 675 阅读 · 0 评论 -
JS操作Cookie详解
JavaScript浏览器应用服务器Web脚本 1. 什么是 Cookies? 2. Cookie 的构成 3. 操纵 Cookies 4. Cookie 怪兽 什么是Cookies? 你会问,什么是cookies呢? cookie 是浏览器保存在用户计算机上的少量数据。它与特定的WEB页或WEB站点关联起来,自动地在WEB浏览器和WEB服务器之间传递。 比如,如果你原创 2013-12-16 19:45:55 · 669 阅读 · 0 评论 -
js设置和获取cookie的方法
SCRIPT>// Create a cookie with the specified name and value.// The cookie expires at the end of the 20th century.function SetCookie(sName, sValue){date = new Date();document.cookie = sName + "=" + esc原创 2013-12-16 19:45:48 · 712 阅读 · 0 评论 -
ie与火狐中常见的一些兼容问题
1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题: 现有代码中许多集原创 2013-12-16 19:45:14 · 654 阅读 · 0 评论 -
ajax 设置请求超时(setTimeout和clearTimeout)
function getXMLHttpRequest() { var xhr = false; if ( window.XMLHttpRequest ) { xhr = new XMLHttpRequest(); if ( xhr.ove原创 2013-12-16 19:44:26 · 3044 阅读 · 0 评论 -
网页父窗口回调子窗口数据,window parent的使用。
JavaScript 1. opener 和open的区别?一个是属性,一个是函数。2. self等于window。3. self.close()等与 window.close(),不是让让某个文字当作关闭,不同于this.close () 。this.close ()会有语法错误的。用按钮的话,一样的 。 你是把self 和 this弄混了。this是指当前对象。self特指当前窗体。原创 2013-12-16 19:43:18 · 1255 阅读 · 0 评论 -
js替换字符串
function ReplaceAll(str, sptr, sptr1){while (str.indexOf(sptr) >= 0){ str = str.replace(sptr, sptr1);}return str;} 调用示例:var mystring="中国VB网欢迎您的光临!";document.write("替换前:"+mystring+"");mystring=Repla原创 2013-12-16 19:41:27 · 707 阅读 · 0 评论 -
JS 回车提交,兼容IE、火狐、Opera、Chrome、Safari……
1、JavaScript 方法: [javascript] view plaincopyprint? document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){原创 2013-12-16 19:40:45 · 534 阅读 · 0 评论 -
JS 判断复选框是否选中并取出值
powered by 25175.net JavaScript 获取复选框的值 function checkbox() { var str=document.getElementsByName("box"); var objarray=str.length; var chestr=""; for (i=0;i{ if(str[i].checked == true) {原创 2013-12-16 19:40:15 · 745 阅读 · 0 评论 -
JSON进阶第一篇 在PHP与javascript 中使用JSON
一.JSON简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。JSON的详细解释请访问JSON原创 2013-12-16 19:39:39 · 566 阅读 · 0 评论 -
window.open()相关属性
一. Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 或 每次出现时被自动创建。 二.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 三.window.open(URL,name,features,replace)原创 2013-12-16 19:55:33 · 641 阅读 · 0 评论 -
回车提交的js代码
http://www.w3.org/1999/xhtml" > Check Scorefunction keyLogin(){ if (event.keyCode==13) //回车键的键值为13 document.getElementById("input1").click(); //调用登录按钮的登录事件}原创 2013-12-16 19:53:50 · 587 阅读 · 0 评论 -
用Js的eval解析JSON
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器 返回JSON形式的字符串的形式,对于利用J原创 2013-12-16 19:46:44 · 505 阅读 · 0 评论 -
js执行效率分析
JavaScript代码的速度被分成两部分:下载时间和执行速度。 Web浏览器下载的是js源码,因此所有长变量名和注释都回包含在内。这个因素会增加下载时间。1160是一个TCP-IP包中的字节数。最好能将每个javascript文件都保持在1160字节以下以获得最优的下载时间。 由于这个原因,要删除注释、删除制表符和空格、删除所有的换行、将长变量名缩短。 遵循这4条比较困难。因此用外部程原创 2013-12-16 19:46:40 · 942 阅读 · 0 评论 -
JS解析json数据(如何将json字符串转化为数组)
1 "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 3 4 New Document 5 6 "JavaScript"> 7 8 9 var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1原创 2013-12-16 19:46:33 · 900 阅读 · 0 评论 -
用 javascript 处理 JSON
用 javascript 处理 JSON 字符串 集合用 [] 对象 或数组 用{} 关键字: json javascript 因为JSON 是 javascript 的一个子集,所以,在javascript 中使用JSON是非常简单的。 js 代码 var myJSONObject = {"bindings": [ {"ircEvent": "PRI原创 2013-12-16 19:46:26 · 563 阅读 · 0 评论 -
web标准Html Dom学习
Dom:英文全称-Document Object Model 译成中文即是:文档对像模型.听起来很术语,其实就是文档内容的结构关系.文档类型可以是HTML或XMLDom具有对Html文件和XML文件元素的访问控制能力,简单点说利用Dom可以对某个html或xml文件添加,修改,删除元素.更改其现有的结构或内容.如果你未接触过Dom,你会发现Dom太神奇了...不管你是菜鸟还是高手,在这个注重用户体原创 2013-12-16 19:46:17 · 603 阅读 · 0 评论 -
js操作cookie
/* 添加/删除 cookie */ function setCookie(name, value, exdays, path) { var exdate = new Date(); exdays = exdays || 365; exdate.setDate(exdate.getDate() + exdays); if(value === null)原创 2013-12-16 19:45:43 · 549 阅读 · 0 评论 -
js修改样式
一、局部改变样式 分为改变直接样式,改变className和改变cssText三种。需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法实现效果。 调用方法: 如果改变className,则事先在样式表中申明类,但调用时不要再跟style,像document.getElementById(原创 2013-12-16 19:45:02 · 539 阅读 · 0 评论 -
javascript:innerText和textContent 兼容问题
IE支持innerHTML与innerText FireFox支持innerHTML与textContent 所以在IE与FireFox中使用显示内容时,必须得先判断浏览器,然后决定使用innerText还是textContent。 在使用innerText和textContent时要先判断浏览器类型。原创 2013-12-16 19:44:37 · 595 阅读 · 0 评论 -
dhtmlxtree 常用用法
Html代码 div id="treeboxbox_tree" style="width:200px; height:218px;background-color:#f5f5f5;border :1px solid Silver;">div> script> Html代码 var tree = new dhtmlXTreeObject("treeboxb原创 2013-12-16 19:43:03 · 660 阅读 · 0 评论 -
navigator.userAgent.indexOf 来判断浏览器类型
navigator.userAgent.indexOf来判断浏览器类型 cript"> function getOs() { var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator原创 2013-12-16 19:42:54 · 710 阅读 · 0 评论 -
js 获取和设置 元素 属性 getAttribute setAttribute
一份文档就是一棵节点树。●节点分为不同的类型:元素节点、属性节点和文本节点等。●getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。●getElementsByTagName()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点。●这些节点中的每个都是一个对象。接下来,我们将向大家介绍几个与这些对象相关联的属性和方法。3.4.1 getAttr原创 2013-12-16 19:39:10 · 879 阅读 · 0 评论 -
$.ajax timeout
对jQuery来说,超时可以直接设置timeout参数,并在error事件中捕获第二个参数,如果是“timeout”则表明捕获了超时事件,非常清楚。 例子:$.ajax({ type: "POST", contentType: "application/json", url: "../ws/MyService.asmx/test", data: '{"email":"'+email+'"}',原创 2013-12-16 19:47:54 · 1239 阅读 · 0 评论