-专注于互联网、网络技术、网络工程、网络营销SEO、搜索引擎、社会化网络、IT技术、网络编程、网络安全、服务器管理、网站开发、移动互联网软件应用等领域的原创IT科技博客,欢迎喜欢互联网的朋友一起交流!

超级好用的ajax对象(类)

ajax.js文件内容:

function Ajax(recvType){
 var aj=new Object();
 aj.recvType=recvType ? recvType.toUpperCase() : 'HTML' //HTML XML
 aj.targetUrl='';
 aj.sendString='';
 aj.resultHandle=null;

 aj.createXMLHttpRequest=function(){
  var request=false;
  
  //window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
  if(window.XMLHttpRequest){
   request=new XMLHttpRequest();

   if(request.overrideMimeType){
    request.overrideMimeType("text/xml");
   }
  

  //window对象中有ActiveXObject属性存在就是IE
  }else if(window.ActiveXObject){
   
   var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];

   for(var i=0; i<versions.length; i++){
     try{
      request=new ActiveXObject(versions[i]);

      if(request){
       return request;
      }
     }catch(e){
      request=false;
     }
   }
  }
  return request;
 }

 aj.XMLHttpRequest=aj.createXMLHttpRequest();

 aj.processHandle=function(){
  if(aj.XMLHttpRequest.readyState == 4){
   if(aj.XMLHttpRequest.status == 200){
    if(aj.recvType=="HTML")
     aj.resultHandle(aj.XMLHttpRequest.responseText);
    else if(aj.recvType=="XML")
     aj.resultHandle(aj.XMLHttpRequest.responseXML);
   }
  }
 }

 aj.get=function(targetUrl, resultHandle){
  aj.targetUrl=targetUrl; 
  
  if(resultHandle!=null){
   aj.XMLHttpRequest.onreadystatechange=aj.processHandle; 
   aj.resultHandle=resultHandle; 
  }
  if(window.XMLHttpRequest){
   aj.XMLHttpRequest.open("get", aj.targetUrl);
   aj.XMLHttpRequest.send(null);
  }else{
   aj.XMLHttpRequest.open("get", aj.targetUrl, true);
   aj.XMLHttpRequest.send();
  }
  
 }

 aj.post=function(targetUrl, sendString, resultHandle){
  aj.targetUrl=targetUrl;

  if(typeof(sendString)=="object"){
   var str="";
   for(var pro in sendString){
    str+=pro+"="+sendString[pro]+"&"; 
   }
   aj.sendString=str.substr(0, str.length-1);
  }else{
   aj.sendString=sendString;
  }

  if(resultHandle!=null){
   aj.XMLHttpRequest.onreadystatechange=aj.processHandle; 
   aj.resultHandle=resultHandle; 
  }

  aj.XMLHttpRequest.open("post", targetUrl);
  aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  aj.XMLHttpRequest.send(aj.sendString);
  
 }

 return aj;
}

调用方法:

<script src="ajax.js"> </script>

<script>
 var ajax=Ajax();

AJAX对象万能创建过程

function createAjax(){
  var request=false;
    //window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
  if(window.XMLHttpRequest){
   request=new XMLHttpRequest();

  if(request.overrideMimeType){
    request.overrideMimeType("text/xml");
   }
  //window对象中有ActiveXObject属性存在就是IE
  }else if(window.ActiveXObject){
   
   var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];

   for(var i=0; i<versions.length; i++){
     try{
      request=new ActiveXObject(versions[i]);

      if(request){
       return request;
      }
     }catch(e){
      request=false;
     }
   }
  }
  return request;
 }

var ajax=createAjax();

PHPWEB文件结构说明及常用修改方法

PHPweb虽然说是智能的,但是由于聚合的比较杂乱,修改起来不是很方便。而且每一个插件的内容是不能通过可视化和后台修改的,要真正的使用phpweb建站,就必须深入了解phpweb的整站架构,文件夹结构,现在总结一下PHPweb成品网站修改方法:

(1)网站右上角联系我们,邮箱等修改路径:effect==>templates ==>

javascript事件大全

[caption id="attachment_817" align="aligncenter" width="633" caption="javascript事件大全"]javascript事件大全[/caption]

讯通网络发布淘宝卖家软件:批量评价/中差评预防软件

提供给淘宝卖家的批量评价工具,让您更加轻松高效的处理交易评价。一键评价,再多交易一键搞定,实时查看中差评记录,并直接显示中差评买家旺旺,直接可以联系买家协商,有效防止中差评。
工具地址: http://fuwu.taobao.com/ser/detail.htm?service_code=ts-1818430
与同类工具对比:价格优惠,功能强大。免费一个月试用。

细说photoshop中图片格式

DOM精髓详解

DOM精髓详解
DOM:document object model 文档对象模型
一.document:指的是HTML,XML文档,只有这2种文档支持以下操作。
二.object:指的是js对象,基于对象操作,可以对该对象操作其,内容,属性,样式。
   1.将document转成js对象,基于对象操作。
    通过元素名(标签名),元素id,元素name使用document对象方法可以做到,

obj=document.getElementById("元素id") ;objs=document.getElementsByName("元素name");

objs=document.getElementsByTagName("标签名")
   2.操作对象内容
     obj.innerText(innerHTML)="内容";
   3.操作对象属性
     obj.属性名="属性只";例如obj.href="http://www.baidu.com";
   4.操作对象样式。
     ①单个样式:对象名.style.样式属性=样式值。
      obj.style.style.backgroundColor="red";//规则和css类似,但遇到“-”将其去掉,首字母大写
     ②多个样式:对象名.className="样式名"。
      obj.className="content";其中.content{ css }
三.model:将文档看成树形结构,每一个元素即为一个节点(元素,文本,属性,注释,文档),只要知道一个

节点,按照关系可以找到其他节点。
   名词释义:其实就是属性名
   parentNote 父节点
   childNote  子节点
   firstChild 第一个子节点
   lastChild  最后一个子节点
   nextSibling 下一个同胞节点
   previousSibling 上一个同胞节点
   节点包括:节点类型(nodeType),节点名(nodeName),节点值(nodeValue):
   元素节点的nodeName为该元素的标签名,无节点值.
   属性节点的nodeName为属性名称,节点值为属性值
   文本节点的nodeName永远是“#text” 节点值为文本内容
   文档节点的nodeName永远是“#document” 无节点值

   nodeType属性可以返回节点类型:
   元素类型:   节点类型:
    元素            1
    属性            2
    文本            3
    注释            8
    文档            9
obj.firstChild.nodeName //获取第一个子节点名
obj.childNodes.length//获取子节点的长度
obj.firstChild.nodeName//获取第一个子节点名
obj.childNodes[0].nodeName
.............
四.文档流操作
objs=document.getElementById("rr");//转化一个div标签到对象objs,通过id
obj=document.createElement("a");//创建一个a节点
obj.href="http:liuweiwei.org";//为该节点添加属性
obj.innerHTML="TTF的家园";//a标签加文本
objs.appendChild(obj);//objs对象添加子节点(a标签)

DOM简体中文参考手册

DOM参考手册 


Anchor 对象


 Anchor 对象代表一个 HTML 超链接。在 HTML 文档中 <a> 标签每出现一次,Anchor 对象就会被创建。锚可用于创建到另一个文档的链接(通过 href 属性),或者创建文档内的书签。

 

Anchor 对象的属性


 属性描述: 

l          accessKey 设置或返回访问一个链接的快捷键。

l          charset 设置或返回被链接资源的字符集。

l          coords 设置或返回逗号分隔列表,其中包含了图像映射中一个链接的坐标。

l          href 设置或返回被链接资源的 URL

l          hreflang 设置或返回被链接资源的语言代码。

l          id 设置或返回一个链接的 id

l          innerHTML 设置或返回一个链接的内容。

l          name 设置或返回一个链接的名称。

l          rel 设置或返回当前文档与目标 URL 之间的关系。

l          rev 设置或返回目标 URL 与之间当前文档的关系。

l          shape 设置或返回图像映射中某个链接的形状。 

l          tabIndex 设置或返回某个链接的 Tab 键控制次序。

l          target 设置或返回在何处打开链接。

l          type 设置或返回被链接资源的 MIME 类型。

标准属性:

l          className 设置或返回元素的 class 属性。

l          dir 设置或返回文本的方向。

l          lang 设置或返回元素的语言代码。 

l          title 设置或返回元素的 title

属性说明:

1accessKey 属性可设置或返回访问一个链接的键盘按键。请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点。

语法:

anchorObject.accessKey=accessKey

实例:  document.getElementById('w3').accessKey="w"

 2tabIndex 属性可为链接设置或返回 tab 键控制次序。

语法:anchorObject.tabIndex=tabIndex

实例:下面的例子可更改三个链接的 tab 键控制次序:

function changeTabIndex()  {

  document.getElementById('1').tabIndex="3"

  document.getElementById('2').tabIndex="2"

  document.getElementById('3').tabIndex="1"

 }

3target 属性可设置或返回在何处打开链接。

语法:

anchorObject.target=_blank|_parent|_self|_top 四个保留的目标名称:

  • _blank - 在一个新的未命名的窗口载入文档

  • _self - 在相同的框架或窗口中载入目标文档

  • _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集

  • _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架


实例:document.getElementById('myAnchor').target="_blank";

 

Anchor 对象的方法


 

方法描述:

l          blur() 把焦点从链接上移开

l          focus() 给链接应用焦点

 

Body 对象


 

Body 对象代表文档的主体 (HTML body)

 

Body 对象的属性


 
属性描述:

l          className 设置或返回元素的 class 属性 

l          dir 设置或返回文本的方向

l          id 设置或返回 body id 

l          lang 设置或返回元素的语言代码

l          title 设置或返回元素的咨询性的标题

 

Button 对象


 

Button 对象代表一个按钮。在 HTML 文档中 <button> 标签每出现一次,Button 对象就会被创建。

 

Button 对象的属性


 

属性描述: 

l          accessKey 设置或返回访问某个按钮的快捷键。

l          alt 设置或返回当浏览器无法显示按钮时供显示的替代文本。

l          disabled 设置或返回是否禁用按钮。 

l          form 返回对包含按钮的表单的引用。 

l          id 设置或返回按钮的 id 

l          name 设置或返回按钮的名称。 

l          tabIndex 设置或返回按钮的 Tab 键控制次序。 

l          type 返回按钮的表单类型。 

l          value 设置或返回显示在按钮上的文本。

属性说明:

1disabled 属性可设置或返回是否禁用按钮。

语法:

buttonObject.disabled=true|false

实例:document.getElementById("myButton").disabled=true

 

2form 属性可返回对包含该按钮的表单的引用。如果包含该按钮,则返回一个 form 对象,如果未包含该按钮,则返回 null

语法:

buttonObject.form

实例:下面的例子可返回该按钮所属的表单的 id

<p>The form containing the button is:

<script type="text/javascript">

x=document.getElementById('button1');

document.write(x.form.id);

</script></p>

 

3type 属性可返回表单元素的类型。对于一个 Buttom 对象,则永远是 "button" 类型。

语法:

buttonObject.type

实例:alert(document.getElementById("myButton").type)

 

Button 对象的方法


 

方法描述: 

l          blur() 把焦点从元素上移开。 

l          click() 在某个按钮上模拟一次鼠标单击。 

l          focus() 为某个按钮赋予焦点。

 

Checkbox 对象


 

Checkbox 对象代表一个 HTML 表单中的一个选择框。在 HTML 文档中 <input type="checkbox"> 每出现一次,Checkbox 对象就会被创建。

 

Checkbox 对象的属性


属性描述: 

l          accessKey 设置或返回访问 checkbox 的快捷键。 

l          alt 设置或返回当浏览器不支持 checkbox 时供显示的替代文本。 

l          checked 设置或返回 checkbox 是否应被选中。 

l          defaultChecked 返回 checked 属性的默认值。 

l          disabled 设置或返回 checkbox 是否应被禁用。 

l          form 返回对包含 checkbox 的表单的引用。 

l          id 设置或返回 checkbox id 

l          name 设置或返回 checkbox 的名称。 

javascript基本语法(JavaScript内置对象使用)

js中对象的使用
1.Date 对象
dateObj = new Date()
方法:getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 | getMilliseconds 方法 |

getMinutes 方法 | getMonth 方法 | getSeconds 方法 | getTime 方法 | getTimezoneOffset 方法 |

getUTCDate 方法 | getUTCDay 方法 | getUTCFullYear 方法 | getUTCHours 方法 | getUTCMilliSeconds 方

法 | getUTCMinutes 方法 | getUTCMonth 方法 | getUTCSeconds 方法 | getVarDate 方法 | getYear 方法 |

setDate 方法 | setFullYear 方法 | setHours 方法 | setMilliSeconds 方法 | setMinutes 方法 |

setMonth 方法 | setSeconds 方法 | setTime 方法 | setUTCDate 方法 | setUTCFullYear 方法 |

setUTCHours 方法 | setUTCMilliseconds 方法 | setUTCMinutes 方法 | setUTCMonth 方法 | setUTCSeconds

方法 | setYear 方法 | toGMTString 方法 | toLocaleString 方法 | toUTCString 方法 | toString 方法 |

valueOf 方法 | parse 方法 | UTC 方法
2.Global 对象
是一个固有对象,目的是把所有全局方法集中在一个对象中。
Global 对象没有语法。直接调用其方法。
方法:escape 方法 | eval 方法 | isFinite 方法 | isNaN 方法 | parseFloat 方法 | parseInt 方法 |

unescape 方法
3.Math 对象
是一个固有对象,提供基本数学函数和常数。Math 对象不能用 new 运算符创建,如果试图这样做则给出错误。

该对象在装载脚本引擎时由该引擎创建。其所有方法和属性在脚本中总是可用。
Math.[{property | method}]
方法:abs 方法 | acos 方法 | asin 方法 | atan 方法 | atan2 方法 | ceil 方法 | cos 方法 | exp 方法

| floor 方法 | log 方法 | max 方法 | min 方法 | pow 方法 | random 方法 | round 方法 | sin 方法 |

sqrt 方法 | tan 方法
4.Boolean 对象
创建新的 Boolean 值。
语法
boolObj = new Boolean([boolValue])
等价于:var 变量名=bool值
5.Function 对象
创建新的函数,相当于直接声明函数
6.Number 对象
代表数值数据类型和提供数值常数的对象。
numObj = new Number(value)
相当于直接给变量赋值为数字。
7.Object 对象
提供所有 JScript 对象通用的功能。
obj = new Object([value]) ,就是声明一个对象时用一下
8.正则表达式对象
本对象包含正则表达式模式以及表明如何应用模式的标志。
语法 1
re = /pattern/[flags]
语法 2
re = new RegExp("pattern",["flags"])
语法1就相当于直接将正则表达式赋给一个变量(对象)
9.String 对象
可用于处理或格式化文本字符串以及确定和定位字符串中的子字符串。
语法
newString = new String(["stringLiteral"])
相当于直接声明一个字符串变量。
方法:anchor 方法 | big 方法 | blink 方法 | bold 方法 | charAt 方法 | charCodeAt 方法 | concat 方

法 | fixed 方法 | fontcolor 方法 | fontsize 方法 | fromCharCode 方法 | indexOf 方法 | italics 方法

| lastIndexOf 方法 | link 方法 | match 方法 | replace 方法 | search 方法 | slice 方法 | small 方法

| split 方法 | strike 方法 | sub 方法 | substr 方法 | substring 方法 | sup 方法 | toLowerCase 方法

| toUpperCase 方法 | toString 方法 | valueOf 方法
10.Array 对象
提供对创建任何数据类型的数组的支持。
arrayObj = new Array()
arrayObj = new Array([size])
arrayObj = new Array([element0[, element1[, ...[, elementN]]]])
方法
concat 方法 | join 方法 | pop 方法 | push 方法 | reverse 方法 | shift 方法 | slice 方法 | sort 方

法 | splice 方法 | toLocaleString 方法 | toString 方法 | unshift 方法 | valueOf 方法

javascript基本语法(函数,对象)

js函数声明
function 函数名([参数1],[参数2]...)
{
 函数体;
 [return 返回值;]
 }
或者
var 函数名=function([参数1],[参数2]...){ 函数体}
js函数调用
函数名(参数1,参数2...)

js对象
1.对象声明
 var name=new Object();//声明一个对象
 name.width=980; //定义对象属性
 name.height=1500;
 name.str=function(){ //定义对象方法
   return "#######";
  }
 
alert(name.width);//调用对象属性
alert(name.str());//调用对象方法
2.对象的使用
实例化对象:var 对象实例=new 对象名
操作对象:对象实例.属性(取值,赋值)或者对象实例["属性"]
对象实例.方法()
3.对象属性和方法(对象元素)遍历
var a="";
for(a in name){
 document.write(name[a]+"<br>");
 }
每循环一次,将对象中的元素名一次赋给a,通过 对象实例["属性"]调用出对象属性的值
«12»
搜索
网站分类
最近发表
文章归档

技术支持TTF的家园

Copyright www.ttfde.org. All Rights Reserved.站点统计 Design by TTF的家园