学习笔记 mark

//只选中当前事件
onclick="asd($(this))"
function asd($this){
$this.css({"height":"60px","width":"400px"});
}

//把table循环出数据，拼成json格式
var pldata="[";
var table = document.getElementById("Sbtable");
var trlist = table.getElementsByTagName("tr");
//判断是否有数据
if(trlist.length=="1")
{
showInfo('提示',"请至少选择一台设备");
return;
}
//循环tr
for(var i=1;i<trlist.length;i++)
{
var tdlist = trlist[i].getElementsByTagName("input");
var temdata="{";
//循环td
for(var j=0;j<tdlist.length;j++)
{
temdata += "\"" +tdlist[j].name + "\":\"" + tdlist[j].value + "\",";
}
temdata=temdata.replace(/,$/,"");
temdata+="},";
pldata+=temdata;

}
pldata=pldata.replace(/,$/,"");
pldata+="]";

console.log(pldata);

toLowerCase 大写转小写
toUpperCase 小写转大写
JS控制滚动条的位置：
window.scrollTo(x,y);
竖向滚动条置顶(window.scrollTo(0,0);
竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight)

一般用途的标签有 <c:out> 、 <c:set> 、 <c:remove> 、 <c:cath>
迭代标签有<c:forEach> 和 </c:forEach>
//截取长度
${fn:substring(bbiao[status.index], 0,15)}
条件标签包括 <c:if><c:choose><c:when><c:otherwise>
<c:if test="${user.isxj=='0'}"></c:if>
//判断是否为空
<c:if test="${tab.tjsjString=='null'}"></c:if>
<c:if test="${empty str}"> str为空</c:if>
<c:if test="${not empty str}"> str不为空</c:if>
//判断长度
<c:if test="${fn:length(tab.fxnr)>20}">${fn:substring(tab.fxnr, 0, 20)}...</c:if>
<c:choose>
<c:when test="${row.v_money<10000}">
初学下海
</c:when>
<c:when test="${row.v_money>=10000&&row.v_money<20000}">
身手小试
</c:when>
<c:otherwise>
商业能手
</c:otherwise>
</c:choose>

//2014-01改成2014年1月
function geshiTime(time){
var geshiTime;
var year=time.substring(0,4);
var day=time.substring(5,7);
geshiTime=year+"年"+parseInt(day)+"月";
return geshiTime;
}

//超过30个字符按多条发送
var str = "abcdsfsdfsdfsdfssssssssssssssssssssss";
var reg = /.{1,30}/g;
var arr = str.match(reg);
for(var i = 0; i < arr.length; i++){
console.log("发送第" + (i + 1) + "条: " + arr[i]);
}

var str = "11" ;
while(str.length > 70){
var sendStr = str.subString(0,70) ;
//发送 sendStr
str = str.subString(70, str.length) ;
}

onclick="asd($(this))"
function asd($this){
alert($this.html());
}

serialize() 序列化只针对表单

20151029200040011100220065942633
13510712267+009QYE
15697845021+009QYM
13112813212+009QYR
15986602840+009QYT
FileZilla Client
sukebei.nyaa.eu
netbeans ide
get:查询和获取 发送限制2000内，用url传递参数
post：修改 发送无限制，更安全
保存，发送要协议头
传参数就是赋值
不传参数就是获取
跨域 jsonp不支持post方法
跨域 xhr2 不支持IE10以下

//组织冒泡事件
$("p").click( function(event){
alert("p-click");
//event.stopPropagation();//P里面的P外面的事件都不会再执行
}

window.onload 和 $(function(){}) 的区别
window.onload 事件是页面完全加载完的时候执行
$(function(){ }) 是等页面上的标签加载完了就执行

letter-spacing:10px 文字间距
display:inline-block元素特点： 在同一行上

parents 上一级
siblings 同级 除了他所有的同级都被选中
children 下一级 children("p.1") 从1开始
first(); 首个元素
last（）最后一个元素
filter（“.hh”） 带有hh的元素
not(“.hh”) 不带有hh的元素
eq（1） 从0开始
stop(a,b); a是否停止 b立即完成当前动画 无参数只停止当前，一个参数停止所有动画

一个是next()、prev()、parents()、find（）
第一个下一个元素
第二个是匹配元素的上一个元素
第三个是匹配元素的父级元素
第四个是，在匹配元素中查找一个指定的元素

$(".asd").find("input[id^='quert']").val("123");

手机固定宽
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width,target-densitydpi=device-width" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

禁止放大？
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
三角
posiion:assolute;
margin-left:20px;
width:0;
height:0;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:7px solid white;

截取
var newstr=num.substring(0,num.length-1); //去掉字符串的最后一位
var burl = $(".fouse").css("background-image");
var leng = burl.length;
var index = burl.lastIndexOf("/");
var sub = burl.substring(index + 1, leng-2);
alert(sub)

绑定事件
$("p").one("click",function(){
alert('only one click');
});

//时分秒
time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();

//后退浏览器
<a class="back" href="javascript:history.go(-1);">返回</a>

透明
opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);

//获取屏幕高度
var phegiht = $(window).height() - 156;

$(".pf_content").css({ 'height': phegiht })

$(window).resize(function () {
var phegiht = $(window).height() - 156;

$(".pf_content").css({ 'height': phegiht })
})

切换class
$(".headcontertran ul li").click(function () {
$(".headcontertran ul li").removeClass("active");
$(this).addClass("active");
});
.pagenews li.active,.pagenews li.active a{background-color: #15a8a5;color: #fff;}

//多选变色
$(".fenlei_easy>li>a").click(function () {
if ($(this).hasClass('lidq')) {
$(this).removeClass("lidq");
} else {
$(this).addClass("lidq");
}
})

//右侧margin值控制
var fLi = $('.spacelist li'),
len = fLi.length;
for (var i = 0; i < len; i++) {
if (i % 5 == 4) {
$(fLi).eq(i).css({ "margin-right": "0px" });
}
}
//左右移动
$(function () {

var i = 0;
$(".perv").click(function () {
var Len = $(this).parents('.carousel').find('.carul li').length;
var Pic = $(this).parents('.carousel').find('.carul');
Pic.width(Len * 94);//计算总长度

if (i > 0) {
i = i - 4;
}
Pic.animate({ left: -i * 94 });
})
$(".next").click(function () {
var Len = $(this).parents('.carousel').find('.carul li').length;
var Pic = $(this).parents('.carousel').find('.carul');
Pic.width(Len * 94);//计算总长度

if (i < Len - 4) {
i = i + 4;
}
Pic.animate({ left: -i * 94 });
})

})

//
$('.hotlist li').mouseover(function(){
var source=$(this).children().find(".mhimg").attr("src");
$('#mhh').attr("src",source);
})

//获取高度
var hig=($(".about_content").height()+20)+"px" ;
$("#left-menu").css({"height":hig});

//全选
$(".checkall").click(function () {
$("input[type='checkbox']").prop("checked", $(this).prop("checked"));
});

//返回按钮
window.onscroll=function(){
if(document.body.scrollTop||document.documentElement.scrollTop>0){
$(".aback").css({"display":"block"})
}
else{
$(".aback").css({"display":"none"})
}
}
$('.aback').click(function () {
$('body').animate({ scrollTop:0});
});

//箭头变换
$(".ttl").click(function(){
$(".ashow").show();
$(".ahide").hide();
$(".recruitment_words").slideUp();

$(".ashow",this).hide();
$(".ahide",this).show();
$(this).next().slideDown();
})

//圆角，用于轮播序号
#focus .btn span {display:inline-block; _zoom:1; width:15px; height:15px; font-size:12px; margin-left:5px; line-height:15px; cursor:pointer; background:#fff; border-radius:8px; padding-left:-5px; text-align:center; border:1px solid #ebebeb; font-weight:bold;}

//切换背景
bgurl.css("background-image", "url('images/backg/bg.jpg')");
bgurl.css("background-image", "url(" + "images/backg/" + bgImgs[1] + ")");

<input title="可输入拼音或汉字搜索" class="searchtxt" style="color: rgb(204,204,204);"
onfocus="if (this.value=='可输入拼音或汉字搜索') {this.value=''}" onblur="if (this.value==''){ this.value='可输入拼音或汉字搜索';}" type="text" value="可输入拼音或汉字搜索"/>

//清除浮动
.cfl{*zoom:1}
.cfl:after{content:"\0020";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}

//图片压缩不失真
.ullist li .proImg{ width:160px; height:160px; vertical-align:middle;display: table-cell;text-align:center;*line-height:0px;*font-family:Arial; *font-size:145px;}
.ullist li img{max-width:160px; height: auto; width:160px\9; background-size:100%; vertical-align:middle; margin:auto; float:none;text-align:center;}

//禁止返回
<script type="text/javascript">
// window.history.forward(1);
</script>

//
$("#search-block-form .form-text").focus(function(){
$(this).val("");
}
);
$("#search-block-form .form-text").val("搜索......");

//键盘事件
document.onkeydown = function (event) {
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode === 27) {
$(".mask").hide();
}
};

//分页
$('.xy_page').on('click','a',function(e){
$('#cos').load($(this).attr('href')+' #cos-ul');
e.preventDefault();
});
//循环加css

$(".process_ul li").each(function(){
index=$(this).index();
$(this).addClass("pro"+index);

});

//iframe
$('#txtid').click(function() {
var a = $('txtid').val();
$('iframeid').attr('src', a);
});

//延迟
setTimeout(function () { $(".mask,.mask_close").show();}, 2000);

///
var surl = ($(this).find("img").attr('src'));
var surl = $('.flv', this).attr('src');
$(".mainvideo").css('background-image', "url(" + surl + ")");

///
$(".mask_close").delay(2000).animate({top: '123px'}, 500);

///获取高度
function changehig(){
var hig=$(window).height();
//alert(hig);
$(".bbody").css({"height":hig+'px'});
// $(".frm").css({"top":"50%"});
// $(".middenImg").css({"top":"50%"});
};
window.onload=function(){
changehig();
};
window.onresize=function(){
changehig();
};

//代替background-size：100%属性
/* IE6-IE8 */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="图片路径", sizingMethod='scale');

http://www.bshare.cn/ 分享
http://developer.baidu.com/map/ 地图

////判断IE浏览器
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0")
{
alert("IE 6.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
{
alert("IE 7.0"); window.location.href="http://xxxx.com";
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
{
alert("IE 8.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0")
{
alert("IE 9.0");
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
alert("火狐浏览器");
}
</script>
判断是否IE浏览器
if(-[1,]){
alert("这不是IE浏览器！");
}else{
alert("这是IE浏览器！");
}
if(navigator.userAgent.indexOf("MSIE")>0) {
//这是IE浏览器
}else{
//这不是IE浏览器

}

//用样式加...后缀
#scroller li a{
display: block;text-decoration: none;color:black;width: 90%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;
padding: 10px 0;font-size: 1.2em;
}
//替换
document.write(str.replace("Microsoft","W3School"))

//时间转换成年月日
function time(){
$("#thelist li").each(function(){
var dateP=$(this).find("p").html();
var arr=new Array();
arr = dateP.split("-");
var monthV = arr[1].replace(/\b(0+)/gi,""); //月份如果前面有0则去掉
var dateV = arr[2].substring(0, 2).replace(/\b(0+)/gi,""); //日期如果前面有0则去掉
if(arr.length > 1){
var result= monthV +"月" + dateV +"日" + arr[2].substring(3)+"发布" ;
}
$(this).find("p").html(result);
});
}
setTimeout("time()", 100);

/* var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");

$("#bjradio").remove();
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
{
$("#myfooter").append($('<audio id="bjradio" controls="controls" autoplay="autoplay" style="width:0px;height:0px;"><source src="res/x112.mp3" type="audio/mp3" /><source src="song.ogg" type="audio/ogg" /><embed height="0" width="0" src="res/x112.mp3" /></audio>'));
} else{
$("#myfooter").append($('<audio id="bjradio" controls="controls" autoplay="autoplay" style="width:0px;height:0px;"><source src="res/x112.mp3" type="audio/mp3" /><source src="song.ogg" type="audio/ogg" /><embed height="0" width="0" src="res/x112.mp3" /></audio>'));
} */