马克的前端开发之路

工作需要在前端的代码通过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')

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());

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;}

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

<div id=”a”>abc</div>
<script>
  try {
   var x = document.getElementById(“ab”); 
   alert(x.innerHTML) //这句会出错，因为没有找到 ab这个ID
  }
  catch(e) {
   alert(“出错:”+e.description); //显示出错的原因
  }
</script>

其实很简单，汗!