標簽歸檔:js

新寫的一個ajax類,用于新項目cms客戶端

這個函數我覺得還是比較實用的,用于69dns.com的一個新項目。代碼有點熟悉?不過這個可是我原創的代碼哦。
還有一個控制xml,控制form,控制css,以及加載的boot.js。
當然還有很多東西都不完善,等以后有空的時候,都整理一下。
實際上只是創建了一個stcms的json對象。為了能獨立使用加入了if(typeof(stcms)==”undefined”)stcms={};,算是另類的命名空間吧。

/*
文件:ajax.js
掛載:stcms
獨立:可獨立使用
設計:貓七@69dns.com
*/

(function(){
	if(typeof(stcms)=="undefined")stcms={};
	stcms.ajaxstatus=0;
	stcms.ajax=function(url,str,method,callback){
		if(stcms.ajaxstatus==1){
			alert("請等待上一個進程處理完。");
			return;
		}
		if(url.indexOf("?")!=-1)url+="&sendTme="+new Date();else url+="?sendTme="+new Date();
		var xmlhttpRequest;
		if(typeof(xmlhttpRequest!="object")){
	  	if(window.ActiveXObject){
	  		try{ 
	  			xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	  		}catch(e){ 
	  			xmlhttpRequest = false;
	  		}
			}else if(window.XMLHttpRequest){
				xmlhttpRequest = new XMLHttpRequest();
			}
		}
		if(xmlhttpRequest){
			stcms.ajaxstatus=1;
			xmlhttpRequest.open(method,url,true);
			if(method=="post")xmlhttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
			xmlhttpRequest.setRequestHeader("charset","gb2312");
			xmlhttpRequest.onreadystatechange=function(){
				if(xmlhttpRequest.readyState==4){
					if(xmlhttpRequest.status==200){
					 	callback(xmlhttpRequest.responseText);
					 	stcms.ajaxstatus=0;
					}
				}
			};
			xmlhttpRequest.send(str);
		}
  }
})();

使用方法很簡單:

stcms.ajax('a.asp',null,'get',function(t){alert(t)});

很簡單吧。另外發一下我boot.js,我覺得還是比較實用的;

/*
文件:boot.js
掛載:root
功能:加載js
設計:貓七@69dns.com
*/
(function(skin){
	var i,ie,d;
	stcms={
		listen:function(f){
			var l;
			window.onload=(typeof(l=window.onload)!='function')?f:function(){l();f();};
		},
		$:function(id){
			return document.getElementById(id);
		}
	};
	ie=!!((d=(document)).all);
	(function(arr){
		for(i in arr){
			var o=d.createElement("script");
			o.setAttribute("type","text/javascript");
			o.setAttribute("src",arr[i].replace("stcms.","js/").replace(/\./g,"\/").replace("*","all")+".js")
			d.getElementsByTagName('head')[0].appendChild(o);
		}
	})([
		'stcms.common.client.mouse',
		'stcms.common.client.keyboard',
		'stcms.skin.'+skin,
		'stcms.common.form.form',
		'stcms.common.form.grid',
		'stcms.common.form.box',
		'stcms.common.ajax',
		'stcms.common.xml',
		'stcms.common.cookie',
		'stcms.user.checklogin',
		'stcms.control.init'
	]);
})('default');

現在boot.js已經實現了皮膚,listen(實際就是window.onload),加載js,通過id獲取dom等四個功能。
其他的可能就不太常用的,吧所有的都細分,這樣可以減少請求和文件大小哦。
‘stcms.common.ajax’,就是上邊的ajax.js。

如果有時間,我也準備寫個js框剪,集合了所有的功能,哈哈哈。

可以方便的給DOM對象添加方法,可支持所有瀏覽器

Test
Test
/*
文件名:set-Object.html
設計者:苗啟源
功  能:可以方便的給DOM對象添加方法,可支持所有瀏覽器
主  頁:http://www.shiekolong1185.icu/p/set-Object
*/
var $=function(id){return document.getElementById(id);}
//SetObject 設置對象屬性
var setObject=function(c,d){for(p in d){c[p]=d[p];if(p=="init")c.init();}return c;}
//擴展屬性
var __isIE=function(){return window.ActiveXObject}
var __Name=function(t){if(this.tmp)this.name=this.tmp;else this.name='Hello'}
var __setClass=function(t){if(__isIE){this.className=t}else{this.setAttribute('class',t);}}
var __getClass=function(){if(__isIE){return this.className}else{return this.getAttribute('class');}}

//測試對象
var ob=$("Demo");var ob2=$("Demo2");
setObject(ob,{tmp:'Demo',init:__Name,setClass:__setClass,getClass:__getClass});
setObject(ob2,{init:__Name,setClass:__setClass,getClass:__getClass});
document.write(ob.name+"\n");
document.write(ob2.name+"\n");
document.write(ob.getClass()+"\n");
document.write(ob2.getClass()+"\n");
ob.setClass('newDemoClass');
ob2.setClass('newDemo2Class');
document.write(ob.getClass()+"\n");
document.write(ob2.getClass()+"\n");

用Javascript實現郵件加密,寫了一個類

?????? 最近,朋友要給他的客戶與客戶交流,涉及一些很重要的信息,通過QQ,MSN感覺很不可靠,于是請我寫一個加密解密工具,防止信息在中途被截取。

????? 解密工具直接交給客戶,而交流信息通過E-mail或QQ。汗,我等小鳥怎么會那種高深的東東,實在是。。。為了朋友,赴刀山,下火海,奮斗了一個晚上,終于寫出來了一個。好東西不敢分享,發出來共享給大家,高手見笑了。

??? 原文地址為:http://miaoqiyuan.cn/p/javascript-jiami

??? 因為朋友特別說是很重要的信息,我想到了以前學C的時候有一個把每個字符的編碼讀取出來加13的一個算法。正巧Javascript中有一個charCodeAt,呵呵,把要加密的內容,依次對出每個字符的字符編碼,然后做一些處理,嘎嘎。。。。只要不知道算法,還是很難破解出來的,呵呵。

??? 具體算法還是大家自己看吧,說出來就沒有意思了。本文的算法與給朋友的稍微有些差別,畢竟安全第一。下面是運行界面,還是使用了我喜歡的hta文件。代碼全是Javascript。

js-jiami

js-jiemi

測試地址:
加密:http://www.shiekolong1185.icu/products/js-jiami.htm
解密:http://www.shiekolong1185.icu/products/js-jiemi.htm

加密.hta代碼(完全可以保存為html,執行效果一樣)

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>設置加密郵件內容</title>
<script type="text/javascript">
function itArt(){
	this.html="Hello";
	this.css="color:#000;width:640px;text-indent:20px;padding:5px;border:solid 5px #666;margin:5px;background:#CCC;margin-left:auto;margin-right:auto";
	this.length=0;
}
 
itArt.prototype = {
	init:function(){
		this.length=this.html.length;
	},
	play:function(){
		this.init();
		this.setPassword();
		this.echo();
	},
	setHtml:function(v){
		this.html=v;
	},
	setPassword:function(){
		var tmp="";
		for(var i=0;i<this .length;i++){
			tmp+="$"+this.html.charCodeAt(i);
		}
		this.html=tmp;
		tmp="";
		for(var i=0;i<this.html.length;i+=3){
			tmp+=" "+this.html.substr(i,3);
		}
		this.html=tmp;
		tmp="";
		for(var i=0;i<this.html.length;i++){
			tmp+=" "+this.html.charCodeAt(i);
		}
		this.html=tmp;
	},
	echo:function(){
		var t=document.createElement("div");
		t.innerHTML=this.html;
		if(window.ActiveXObject)
			t.style.cssText=this.css;
		else
			t.setAttribute("style",this.css);
		//不想用DOM刪掉子元素了,反正各瀏覽器都支持
		document.getElementById("x100").innerHTML="";
		document.getElementById("x100").appendChild(t);
	}
}
function setPassword(t){
	if(t!=""){
		var demo=new itArt();
		demo.setHtml(t);
		demo.play();
	}else{
		alert("請輸入內容開始加密");
	}
}
window.onload=function(){
	setPassword("你好,猜猜我給你的密文是什么? 哈哈,猜不到吧");
}
</script>
</this></script></head>
<body>
<textarea style="display:block;color:#000;width:640px;height:280px;text-indent:20px;border:solid 5px #666;margin:5px;background:#FFF;margin-left:auto;margin-right:auto" ondblclick="setPassword(this.value);" title="雙擊開始加密">你好,猜猜我給你的密文是什么? 哈哈,猜不到吧</textarea>
<div id="x100">
</div>
</body>

解密.hta代碼

< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>獲取加密郵件內容</title>
<script type="text/javascript">
function itArt(){
	this.html="Hello";
	this.css="color:#000;width:640px;text-indent:20px;padding:5px;border:solid 5px #666;margin:5px;background:#CCC;margin-left:auto;margin-right:auto";
	this.length=0;
}
 
itArt.prototype = {
	init:function(){
		this.length=this.html.length;
	},
	play:function(){
		this.init();
		this.setPassword();
		this.echo();
	},
	setHtml:function(v){
		this.html=v;
	},
	setPassword:function(){
		var tmp=this.html.split(" "),tmps="";
		for(i=0;i<tmp .length;i++){
			tmps+=String.fromCharCode(tmp[i]);
		}
		this.html=tmps.replace(" ","");
		tmps="";
		tmp=this.html.split("$");
		for(i=0;i<tmp.length;i++){
			if(tmp[i]!=""&&tmp[i]!=0){
				tmps+=String.fromCharCode(tmp[i].replace(" ",""));
			}
		}
		this.html=tmps;
	},
	echo:function(){
		var t=document.createElement("div");
		t.innerHTML=this.html;
		if(window.ActiveXObject)
			t.style.cssText=this.css;
		else
			t.setAttribute("style",this.css);
		//不想用DOM刪掉子元素了,反正各瀏覽器都支持
		document.getElementById("x100").innerHTML="";
		document.getElementById("x100").appendChild(t);
	}
}
 
demo=new itArt();
demo.setHtml();
function getPassword(t){
	if(t!=""){
	var demo=new itArt();
	demo.setHtml(t);
	demo.play();
	}else{
		alert("請輸入內容開始解密");
	}
}
window.onload=function(){
	getPassword("32 36 50 48 32 51 50 48 32 36 50 50 32 57 48 57 32 36 54 53 32 50 57 50 32 36 50 57 32 52 54 56 32 36 50 57 32 52 54 56 32 36 50 53 32 49 48 53 32 36 51 50 32 52 55 51 32 36 50 48 32 51 50 48 32 36 51 48 32 51 52 48 32 36 50 51 32 52 57 52 32 36 50 53 32 57 57 49 32 36 50 54 32 49 53 57 32 36 50 48 32 49 54 48 32 36 50 48 32 48 52 48 32 36 54 53 32 51 49 49 32 36 51 50 32 36 50 49 32 55 48 52 32 36 50 49 32 55 48 52 32 36 54 53 32 50 57 50 32 36 50 57 32 52 54 56 32 36 49 57 32 57 56 49 32 36 50 49 32 48 52 48 32 36 50 49 32 53 52 51");
}
</script>
</tmp></script></head>
<body>
<textarea style="display:block;color:#000;width:640px;height:280px;text-indent:20px;border:solid 5px #666;margin:5px;background:#FFF;margin-left:auto;margin-right:auto" ondblclick="getPassword(this.value);" title="雙擊開始解密">32 36 50 48 32 51 50 48 32 36 50 50 32 57 48 57 32 36 54 53 32 50 57 50 32 36 50 57 32 52 54 56 32 36 50 57 32 52 54 56 32 36 50 53 32 49 48 53 32 36 51 50 32 52 55 51 32 36 50 48 32 51 50 48 32 36 51 48 32 51 52 48 32 36 50 51 32 52 57 52 32 36 50 53 32 57 57 49 32 36 50 54 32 49 53 57 32 36 50 48 32 49 54 48 32 36 50 48 32 48 52 48 32 36 54 53 32 51 49 49 32 36 51 50 32 36 50 49 32 55 48 52 32 36 50 49 32 55 48 52 32 36 54 53 32 50 57 50 32 36 50 57 32 52 54 56 32 36 49 57 32 57 56 49 32 36 50 49 32 48 52 48 32 36 50 49 32 53 52 51</textarea>
<div id="x100">
</div>
</body>

怎樣創建Javascript對象?

感謝小秦幫我指出錯誤:
  JSON只是一種數據形式,而不是你所謂的當然。
{xx:’111′}  這是一個對象,這個對象有一個屬性名為 xx 值為 ’111′
而不是JSON。

還有那個Create,也只是變相的使用函數返回一個對象而已。

從根本上來講,創建一個對象可以使用 new _object_,或者 {}  ,

“{}”這種形式其實是new _object_的簡寫。
就像 [] 是 new Array();的縮寫一樣。

更何況,在JS里一切都是對象。

比如:
1
 就是一個對象,它有 .toString方法,等等。。

????? 前幾天寫了一篇揭開Javascript對象神秘的面紗,結果網上一位牛人轉載了我的文章,我的還沒收錄,他轉載的竟然先被收錄了,無語。在此鄙視百度。

????? 本來事情該告一段落了,但是論壇上有位網友告訴我說只測試function的方法成功了,其他都不行。汗,今晚抽點空,寫幾個例子,下載地址為:http://www.shiekolong1185.icu/products/js-obj.rar

第一種:function方式,用new fun_name的方式創建對象

function miaoqiyuan() {
	this.name="苗啟源";
	this.nickname="飛貓,mqycn";
	this.homeurl=function() {
		alert("http://www.shiekolong1185.icu");
	};
	this.gohome=function() {
		location.href="http://www.shiekolong1185.icu";
	}
}
var x=new miaoqiyuan;
x.homeurl();

第二種:直接創建對象的方式

var miaoqiyuan={
	name:"苗啟源",
	nickname:"飛貓,mqycn",
	homeurl: function() {
		alert("http://www.shiekolong1185.icu");
	},
	gohome: function() {
		location.href="http://www.shiekolong1185.icu";
	}
};
miaoqiyuan.homeurl();

第三種:原型方式(這個我寫了兩個方式)

var miaoqiyuan = {};
miaoqiyuan.prototype=miaoqiyuan;
miaoqiyuan.prototype.name ="苗啟源";
miaoqiyuan.prototype.nickname ="mqycn,飛貓";
miaoqiyuan.prototype.homeurl = function() {
	alert("http://www.shiekolong1185.icu");
};
miaoqiyuan.prototype.gohome= function() {
	location.href="http://www.shiekolong1185.icu";
};
miaoqiyuan.homeurl();
<script type="text/javascript">
var miaoqiyuan = {};
miaoqiyuan.prototype=miaoqiyuan;
miaoqiyuan.prototype={
	name:"苗啟源";
	nickname:"mqycn,飛貓";
	homeurl:function() {
		alert("http://www.shiekolong1185.icu");
	};
	gohome:function() {
		location.href="http://www.shiekolong1185.icu";
	};
}
miaoqiyuan.homeurl();
</script>

第四種:create方式,該方式利用了Prototype JavaScript組件庫,很少見有人用
實際上這個只是變相的使用函數返回一個對象而已。

//模擬prototype.js框架中的Class
var Class = {create: function() {return function(){}}}
//模擬prototype.js框架中的Object
Object.extend=function(destination, source){
	for(var property in source)
		destination[property] = source[property];
	return destination;
}; 
 
var miaoqiyuan = Class.create();
Object.extend(miaoqiyuan.prototype,{
	name:"苗啟源",
	nickname:"飛貓,mqycn",
	homeurl: function() {
		alert("http://www.shiekolong1185.icu");
	},
	gohome: function() {
		location.href="http://www.shiekolong1185.icu";
	}
});
var m=new miaoqiyuan;
m.homeurl();