随笔分类 - Js和Ajax技术

摘要:Jquery 插件PrintArea 打印指定的网页区域需要下载jquery 和printarea.js插件PrintArea.Js插件,可以打印整个网页中某个指定的区域。$("打印区域").printArea();$("打印区域") 这个只会打印该区域内的内容(innerHTML),不会打印整个区域outHtml 阅读全文
posted @ 2014-03-15 12:00 音乐啤酒 阅读 (196) | 评论 (0) 编辑
摘要:Ajax请求WCF服务以及跨域的问题解决这两天准备重构一下项目,准备用纯html+js做前台,然后通过ajax+WCF的方式来传递数据,所以就先研究了一下ajax访问的wcf的问题,还想到还折腾了一天才明白首先由个问题要先知道一下,ajax访问url或者服务的时候,会碰见跨域的问题,这个跨域不是主域名不一样 才是跨域,而是二级域名或者同域名的不同端口,都算跨域访问比如a.xx.com,b.xx.com这都算跨域。或者xx.com:80,xx.com:90ajax支持跨域的解决方案目前就是Jsonp,jquery是支持这个方案的关于ajax跨域,jsonp的原理请参考这个文章http://www 阅读全文
posted @ 2013-11-14 15:46 音乐啤酒 阅读 (1467) | 评论 (0) 编辑
摘要:在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json数据,包括上传是否成功和图片的路径在火狐,chrome浏览器下都正常,但是ie浏览器中,上传功能是成功的,但是在返回json数据的时候,ie浏览器弹出了下载保存的对话框,如果继续下载的话会看到内容就是json内容数据。查找了些资料,原来需要在返回json数据的需要指定contenttype默认情况下,返回的contentype 是application类型,ie可能认为这不是普通text文本所以提示 阅读全文
posted @ 2013-09-11 10:34 音乐啤酒 阅读 (1572) | 评论 (0) 编辑
摘要:浏览器发起Get,Post请求时候传递的参数编码问题最近开发一个网站的时候,用了很多ajax方法,在页面发起Get,post请求,中间自然捎带有很多参数,有中文,有英文,英文一般是不存在编码问题的,中文就可能出现乱码的问题。本来以为是开发环境的问题,但是设置各种编码也没有正常解决问题。还是用编码的方式来解决。这是我 跟踪到的现象和解决方法1.火狐浏览器,Google chrome浏览器在开发的时候,一直用火狐浏览器,各种Get,Post传递中文,英文参数都没有问题。2.IE浏览器。在后期做兼容测试的时候,真正发现问题了,IE浏览器中Get请求的时候必须对中文参数进行Js编码(escape等), 阅读全文
posted @ 2013-09-03 14:49 音乐啤酒 阅读 (1102) | 评论 (0) 编辑
摘要:css ! important 这个东西网上一堆内容,我只说我用到的一点地方和我的理解,这个东西ie6不支持,ie高版本是支持的。其他浏览器也是支持。先理解这一点.abc{ width:100px !important; width:80px;}这个东西,如果在在ie6,因为ie6不支持第一个width,所以ie6会跳过这个,直接支持第二个width:80px。在其他浏览器下,都支持这两种语法,但是important还起到提升优先级和顺序的功能,所以浏览器就支持width:100px 阅读全文
posted @ 2013-08-20 17:21 音乐啤酒 阅读 (300) | 评论 (0) 编辑
摘要:<input type="submit"data-product-sizes="{"sizes":[{"sku":"00231506","ref":"r_cart_rbs","size":"S"},{"sku":"00231507","ref":"r_cart_rbs","size":"M"},{&qu 阅读全文
posted @ 2012-12-14 16:21 音乐啤酒 阅读 (323) | 评论 (0) 编辑
摘要:javascript的面向对象编码方式一,创建空对象,然后给空对象添加属性和方法var person = {};//创建了一个空对象给对象添加属性和方法person.name="hello";person.say =function(){ alert(person.name);}//调用的时候直接可以person.name或者person.say()二。创建对象的同时,同时添加属性和方法ver person={name:"hello" ,//逗号分割say:function(){alert(this.name);}//使用this关键字引用本对象内的属性 阅读全文
posted @ 2012-05-14 11:47 音乐啤酒 阅读 (647) | 评论 (0) 编辑
摘要:第一种写法var OKK = {}OKK.Dia = { abc: function () { alert('abc'); }}调用方式:OKK.Dia.abc();第二种写法function Test() { }Test.Fn = function () {}Test.Fn.Loading = function () { this.AA = function () { alert($('body').height()); } return this;}调用方式Test.Fn.Loading().AA();本文使用Blog_Backup未注册版本导出,请到sof 阅读全文
posted @ 2011-11-02 01:52 音乐啤酒 阅读 (360) | 评论 (0) 编辑
摘要:Query插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法一添加新的全局函数测试$(function () { $.first(); $.second('second'); $.a(); $.b(); $.zjy.fxx('fusfcsdfk');});$.first = function () { alert('first');}//输入参数的情况$.second = 阅读全文
posted @ 2011-08-17 01:09 音乐啤酒 阅读 (346) | 评论 (0) 编辑
摘要:javascript字符串替换所有要替换字符javascript字符串替换所有要替换字符 javascript替换函数使用正则表达式//将字母i全部替换成5<script language="javascript"> var txt = "sjfisjfisdjfijsidfjioalfjewofjjgs"; alert(txt .replace(/i/g,"5")); </script>其他特殊字符replace(/</g, "").replace(/>/g, "&q 阅读全文
posted @ 2011-06-29 18:35 音乐啤酒 阅读 (96) | 评论 (0) 编辑
摘要:JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:可以使用简略语句如下:对象 car 就此创建,不过需要特别注意,结束花括号前一定不要加 ";" 否则在 IE 会遇到很大麻烦。创建数组的传统方法是:使用简略语句则:另一个可以使用简略语句的地方是条 阅读全文
posted @ 2010-04-26 17:15 音乐啤酒 阅读 (277) | 评论 (0) 编辑
摘要:<script type="text/javascript" language='javascript'> function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); var error; var varArray = new Array(); var intValue; var lngProduct = 0; var intCheckDigit; var intStrLen = num.length; var idNum 阅读全文
posted @ 2010-04-09 22:25 音乐啤酒 阅读 (495) | 评论 (0) 编辑
摘要:写个简单的代码示例//person类,有getname方法function Person(name){this.name = name;}Person.prototype.getName = function(){return name;}//User类,继续person类,所以就有了getname方法,另外扩充了自己的方法function User(name ,pwd){this.name = name;this.pwd=pwd}User.prototype = new Person();User.prototype.getPwd = function(){return this.pwd;} 阅读全文
posted @ 2010-04-05 00:33 音乐啤酒 阅读 (139) | 评论 (0) 编辑
摘要:js中也存在私有方法,只有自己可以调用私有方法是写在对象的构造函数当作来实现的实例:function User(name){this.name = name;function display(){return this.name;}}调用过程var u = new User('zjy')alert(u.display());//这个时候就会报错,还有比较奇怪的特权方法,某些字段是私有的,但是通过某个方法可以包装这个字段使他可以公共访问,这个性质有点像c#中属性一样,使某些字段私有但是又公开一个属性可以访问这些私有字段实例:function User(name){this.nam 阅读全文
posted @ 2010-04-04 23:56 音乐啤酒 阅读 (100) | 评论 (0) 编辑
摘要:js本身并没有像c#或者java中一样提供的函数重载功能。但是可以通过js中特殊字段和功能来实现最最要的就是arguments字段。在js的方法体内可以使用arguments内置的字段,他是应该是一个数组,提供了以数组的方式来访问它,比如length和array[i]来访问各个参数function test(id,name){for( var i=0;i< arguments.length;i++) { alert(arguments[i]); }}这样就可以显示test方法的输入参数是多少,以及各个输入参数是什么这样就可以根据输入参数的长度来执行不同的方法还有一个重要的方法就是type 阅读全文
posted @ 2010-04-04 00:55 音乐啤酒 阅读 (95) | 评论 (0) 编辑
摘要:Javascript中引用(与c#表现很一致)js既然可以作为面向对象的编程语言,也具有面向对对象语言的特性这里说说引用的特性在js中可以使用引用和c#语言表现的很一致。实例1:var obj1 = new Object()var obj2 = obj1;obj1.name="hello world";alert(obj2.name == obj1.name)//会显示是true实例2:var item1 = new Array('a','b','c');var item2 = item1;item1.push('d& 阅读全文
posted @ 2010-04-04 00:31 音乐啤酒 阅读 (93) | 评论 (0) 编辑
摘要:在服务器上更新js文件以后,本地运行的时候可能因为缓存,导致下载的js还是旧版本的信息可以再添加js引用的地方,设置参数比如 xx.js?v=1.2。这样就解决问题了每次修改js都要更新v的参数,这样新的js就立刻生效了本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。 阅读全文
posted @ 2010-04-01 18:39 音乐啤酒 阅读 (274) | 评论 (0) 编辑
摘要:IBMAjax教材:掌握Ajax这个是网址,讲的是通俗易懂,从简单到高深,JSON入门指南json数据格式说明本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。 阅读全文
posted @ 2010-03-31 06:01 音乐啤酒 阅读 (531) | 评论 (0) 编辑
摘要:原来一直用ajaxpro。现在想看看ajax底层的东西。就用prototype.js来写ajax。两天都不明白今天终于恍然大悟了。原来如此而已script type="text/javascript" src="../js/prototype.js"></script><script language=javascript>function a(){URL = 'Default3.aspx';new Ajax.Request(URL + '?id=xxx', {&<60; met 阅读全文
posted @ 2007-10-22 18:51 音乐啤酒 阅读 (499) | 评论 (0) 编辑
摘要:function getCursorPos(obj){var rngSel = document.selection.createRange();//建立选择域var rngTxt = obj.createTextRange();//建立文本域var flag = rngSel.getBookmark();//用选择域建立书签rngTxt.collapse();//瓦解文本域到开始位,以便使标志位移动rngTxt.moveToBookmark(flag);//使文本域移动到书签位rngTxt.moveStart('character',-obj.value.length);// 阅读全文
posted @ 2007-10-15 22:41 音乐啤酒 阅读 (1752) | 评论 (0) 编辑
摘要:用的时候不会用。也难找。以后多多收集。以后好用1.替换一个字符串中一个字符成另一个字符replace(/\*/g,'/')//把字符中\替换为/IP地址匹配的正则:"^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$"验证是否整数String.prototype.trim = function () { return this.replac 阅读全文
posted @ 2007-09-11 00:53 音乐啤酒 阅读 (49) | 评论 (0) 编辑
摘要:<script language="javascript"> var oWin; function openIt() { oWin=window.open("test.txt","myWin"); } function saveIt() { oWin=window.open("test.txt","myWin"); oWin.document.execCommand("saveAs",false,"c:\\2.txt") } </scri 阅读全文
posted @ 2007-06-22 19:09 音乐啤酒 阅读 (699) | 评论 (0) 编辑
摘要:前台的js页面:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="displayDepartment.aspx.cs" Inherits="OASolution.Web.systemModule_displayDepartment" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x 阅读全文
posted @ 2007-06-08 19:42 音乐啤酒 阅读 (202) | 评论 (0) 编辑
摘要:<HTML><HEAD><title>提醒信息</title><base target="_blank"><SCRIPT language="JavaScript"> window.resizeTo(220,210); var windowW=220 // wide var windowH=210 // high var Yoffset=0 // in pixels, negative values allowed var windowStep=2 // move increment 阅读全文
posted @ 2007-05-26 19:53 音乐啤酒 阅读 (100) | 评论 (0) 编辑
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2006-09-22 23:24 音乐啤酒 阅读 (67) | 评论 (0) 编辑
摘要:<img src="pic/2006-8-21000爱戴.jpg" class="drag" title="拖动图片" /><img src="pic/jpg-btn-deco.jpg" class="drag" /><div class="drag">AAAAAAAAAA</div><script language="JavaScript">var dragapproved=falsevar z 阅读全文
posted @ 2006-08-31 22:30 音乐啤酒 阅读 (62) | 评论 (0) 编辑