用a模拟submit按钮事件
Posted in 默认分类 on 九月 2nd, 2010 by admin – Be the first to comment优点:样式可控制性强,可以加不同的状态,兼容ie6. 可扩展性好
缺点: 需要增加js,如果禁用JS可能不能使用. 需要多增加一个a标签。
如果直接隐藏在from 中有多个表单无件时无效,求解
.btn_a_submit{ position:absolute; left:-1000px; top:0px;}
优点:样式可控制性强,可以加不同的状态,兼容ie6. 可扩展性好
缺点: 需要增加js,如果禁用JS可能不能使用. 需要多增加一个a标签。
如果直接隐藏在from 中有多个表单无件时无效,求解
.btn_a_submit{ position:absolute; left:-1000px; top:0px;}
工作需要在前端的代码通过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 += '
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>
其实很简单,汗!