一、Jquery中$.post和$.ajax的用法
$.ajax({
type:'get',
url:'http://www.www.phpernote.com/rss',
beforeSend:function(XMLHttpRequest){
//ShowLoading();
},
success:function(data,textStatus){
$('.ajax.ajaxResult').html('');
$('item',data).each(function(i,domEle){
$('.ajax.ajaxResult').append('<li>'+$(domEle).children('title').text()+'</li>');
});
},
complete:function(XMLHttpRequest,textStatus){
//HideLoading();
},
error:function(){
//要求出错处理
}
});
二、JS固定在网页顶部不随浏览滚动而消逝的DIV层
/
滚动条滑动,位置不变的DIV层
div_id:DIV的ID属性值,必填参数
offsetTop:滚动条滑动时DIV层距顶部的高度,可选参数
/
function fixDiv(div_id,offsetTop){
var Obj=$('#'+div_id);
if(Obj.length!=1){return false;}
var offsetTop=arguments[1]?arguments[1]:0;
var ObjTop=Obj.offset().top;
var isIE6=$.browser.msie && $.browser.version == '6.0';
if(isIE6){
$(window).scroll(function(){
if($(window).scrollTop()<=ObjTop){
Obj.css({
'position':'relative',
'top':0
});
}else{
Obj.css({
'position':'absolute',
'top':$(window).scrollTop()+offsetTop+'px',
'z-index':1
});
}
});
}else{
$(window).scroll(function(){
if($(window).scrollTop()<=ObjTop){
Obj.css({
'position':'relative',
'top':0
});
}else{
Obj.css({
'position':'fixed',
'top':0+offsetTop+'px',
'z-index':1
});
}
});
}
}
三、jquery 获取checkbox的选中值(一组和单个)
var id_array=new Array();
$('input[name=\"大众id\公众]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);
四、JQuery获取iframe工具
$(window.frames[\"大众frame1\"大众].document); //获取iframe工具
//例如
$(window.frames[\"大众xxxxx\"大众].document).find('#xxx').val();
五、JS产生一段随机字符串
function(size) randomString {
size = size || 6;
var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789', // 62个字符
maxNum = chars.length,
ret = '';
while (size > 0) {
ret += chars.charAt(Math.floor(Math.random() maxNum));
size--;
}
return ret;
}
六、JS页面跳转
onClick=\公众location.href='http://www.ddhbb.com/'\"大众
七、JS确认对话框
javascript:drop_confirm('你确定要结束活动吗,结束后不可再开启本活动!', 'http://baidu.com');
if(confirm(\"大众确认要将用户移动到分组\"大众+group+\"大众?\"大众)){
}else{
event.returnValue = false;
}
八、JS把php输出的韶光戳转换为日期(办理涌现NaN的问题)
var s = '1379934802'; //php time()函数输出的韶光戳
var d = new Date(parseInt(s) 1000); //必须乘以1000,否则涌现NaN
var dateStr = d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate();
alert(dateStr);
九、JS掌握各行换色
$('div:odd').css(\"大众background-color\"大众, \"大众#F4F4F8\"大众);
$('div:even').css(\公众background-color\"大众, \"大众#EFF1F1\"大众);
十、JS网页打印内容
javascript:window.print();
十一、Jquery 获取一组checkbox元素 并获取选中的个数
var items = $(\"大众input[name='check']:checked\"大众); //获取name为check的一组元素,然后选取它们中选中(checked)的。
alert( \"大众选中的个数为:\公众+items.length );
<input type=\公众checkbox\公众 value=\公众1\公众 name=\"大众check\公众 checked/>
<input type=\"大众checkbox\"大众 value=\"大众2\"大众 name=\"大众check\"大众 />
<input type=\公众checkbox\"大众 value=\"大众3\"大众 name=\"大众check\公众 checked/>
十二、JS实现表格隔行背景色加深
<script type=\公众text/javascript\"大众>
window.onload = function(){ //页面所有元素加载完毕
var item = document.getElementById(\公众tb\"大众); //获取id为tb的元素(table)
var tbody = item.getElementsByTagName(\"大众tbody\"大众)[0]; //获取表格的第一个tbody元素
var trs = tbody.getElementsByTagName(\"大众tr\"大众); //获取tbody元素下的所有tr元素
for(var i=0;i < trs.length;i++){//循环tr元素
if(i%2==0){ //取模. (取余数.比如 0%2=0 , 1%2=1 , 2%2=0 , 3%2=1)
trs[i].style.backgroundColor = \公众#AAA\"大众; // 改变 符合条件的tr元素 的背景色.
}
}
}
</script>
十三、jQuery无刷新访问ajax post方法
$.post(\"大众test.php\"大众, { \"大众func\公众: \"大众getNameAndTime\"大众 },
function(data){
alert(data.name);
alert(data.time);
}, \公众json\"大众);
十四、jQuery无刷新访问ajax get方法
$.get(\"大众test.jsp\"大众, { name: \公众John\"大众, time: \"大众2pm\"大众 },
function(data){
alert(\"大众Data Loaded: \"大众 + data);
});
到这里全部的关于javacsript的常用语法总结完了,至心希望这三天的总结能帮助到大家。我乐意在这里结交和认识同行业的前端学习者,想一起互换学习的加我哦