前端之路 » javascript

用a模拟submit按钮事件

admin — Thu, 02 Sep 2010 08:47:53 +0000

优点：样式可控制性强，可以加不同的状态，兼容ie6. 可扩展性好

缺点: 需要增加js，如果禁用ＪＳ可能不能使用. 需要多增加一个a标签。






提交提交

如果直接隐藏在from 中有多个表单无件时无效，求解


.btn_a_submit{ position:absolute; left:-1000px; top:0px;}

通过script标签增加JS

admin — Sun, 21 Feb 2010 10:48:21 +0000

工作需要在前端的代码通过xxx.js?m=m&x=x 的方法来通过js加载JS文件。

JS:

//MS闭包，不让代码互相影响，我也用的不多
(function(){

	var simcn = {
		src:[],
		init:function(){
			var __g = document.getElementById('simcnworkframe');
			this.srcUrl(__g.src);
		},
		run:function(){
			this.init();
			var head = document.getElementsByTagName('head')[0];
			var j=0;
			for(i in this.src){
				var t = document.createElement('script');
				t.src = this.src[i] + '.js' ;
				t.id  = "simc_" + this.src[i];
				head.appendChild(t);
			}
		},
		srcUrl:function(_u){
			var jl = _u.split('.js?')[1].split('&');
			for(i in jl){
				this.src.push(jl[i].split('=')[1]);
			}
		}
	};	

	simcn.run();

})()

//m.js
alert('m.js')

//c.js
alert('c.js')

//v.js
alert('v.js')

数组随机排序

admin — Thu, 10 Sep 2009 00:51:02 +0000

var wangwangList = ['咨询online','咨询online1','咨询online2','咨询online3']; 

	/**
	 * 随机排预
	 * @param 旺旺名字列表
	 * @returns HTML代码
	 **/
	function randomWangWang(A){
	    var B,C;
	    var X = [];
	    var j=0;
	    for(i=A.length;i>=1;i--){
		C=Math.floor(Math.random() * A.length);
		X[j] = outWangWangCode(A[C]);
		A.splice(C,1)
		j++;
	    }
	    return X
	}

	/**
	 * 转化为HTML链接形式
	 * @param 旺旺名字
	 * @returns HTML代码
	 **/
	function outWangWangCode(n){
	    var _n = encodeURIComponent(n);
	    var html='';
	    html += '
';
	    html += ''+n+'

';
	    return html;
	}

	/**
	 * 转出全部列表
	 * @param 写模式还是返回模式
	 * @returns HTML代码
	 **/
	function writeWangWangHTML(write){
	    var html = '
';
	    var x = randomWangWang(wangwangList);
	    for(i in x ){
		html += x[i];
	    }
	    html += '

';
	    return html;
	}

	//显示码
	document.write(writeWangWangHTML());

基于jquery图片轮播广告

admin — Fri, 31 Oct 2008 07:48:08 +0000

1. 需要引用 jquery库

2. 样式表

body{ padding:0px; margin:0px; }
#Carousel_Frame img{border:0;}
#Carousel_Frame{width: 450px; height:332px; text-align:left; overflow:hidden; border:0px solid #000; position:absolute; }
#Carousel_list{ width: 450px; height:332px; } /* 图片大小 */
#Carousel_list a{ display: block;}
#Carousel_Thumbnails { width: 450px;  HEIGHT: 56px;  position:absolute; z-index:2; top:270px; left:10px;}
#Carousel_Thumbnails ul{ filter: Alpha(Opacity=30); opacity: 0.8; padding:0px; margin:0px;}
#Carousel_Thumbnails ul li { float: left;  width: 50px;  position:relative; CURSOR: pointer;  HEIGHT: 50px;  BORDER: 3px solid #fff; margin-right:3px;}
#Carousel_Thumbnails ul li img{ width:50px; height:50px;}

javascript异常处理实例

admin — Tue, 14 Oct 2008 08:23:12 +0000

以前一直不知道如何使用异常处理。今天在处理一个项目时用到，于是看了一下手册，写了一个简单示例.

abc

其实很简单，汗!