js常用知识总结(未完待续)

1.多个iframe动态切换数据显示

    1.js写法

    

var tab = $("#tabsId").tabs({ 
			onSelect: function(title, index) { 
				 if (index == 1) {					
					var tab = $("#tabsId").tabs("getSelected");
					$("#tabsId").tabs("update", { tab: tab, options: { content: '<iframe src="http://xxxx.xxxx.com/xxxx/xxxx/xxxx.jsp?id=<%=request.getSession().getAttribute("xxxId") %>" scrolling="yes" frameborder="0"  style="border: 0; width: 100%; height: 98%;"></iframe>' } });
					} 
				 if (index == 2) {					
					var tab = $("#tabsId").tabs("getSelected");
					$("#tabsId").tabs("update", { tab: tab, options: { content: '<iframe src="http://xxxx.xxx.xxx<span style="font-family: Arial, Helvetica, sans-serif;">/xxxx/xxxx/xxxx.jsp?id=<%=request.getSession().getAttribute("xxxId") %>" frameborder="0" style="border: 0; width: 100%; height: 98%;"></iframe>' } });</span>
					} 
}
});

 2.css写法

   

<div class="easyui-tabs" data-options="fit:true,border:false,tabPosition:'top'" id="tabsId">


<div title="公共信息"  id="ggxx">
<div id="portal" style="width: auto;height: 800px;">
<div style="width:50%"></div>
<span style="white-space:pre">		</span><div style="width:50%"></div>
</div>
</div>
<div title="业绩报表" ></div>
<div title="成单分析" ></div>
</div>

2.input提示使用html5 placeHolder兼容问题

 1.css写法

  

<input type="text" size="87" id="address" name="address" maxlength="256" value="${friend.address }" placeholder="请填写客户详细地址"/>

 2.兼容js写法

   

	function isPlaceholder(){  
		    var input = document.createElement('input');  
		    return 'placeholder' in input;  
		} 

       $(document).ready(function() {  
		        if(!isPlaceholder()){  
		            $("input[type='text']").each(//把input绑定事件 排除password框  
		                function(){  
		                    if($(this).val()=="" && $(this).attr("placeholder")!=""&& $(this).attr("placeholder")!=null){  
		                    	$(this).css('color','gray');
		                        $(this).val($(this).attr("placeholder"));  
		                        $(this).focus(function(){  
		                            if($(this).val()==$(this).attr("placeholder")){
		                            	$(this).val("");  
		                            	$(this).css('color','black');
		                            }else{
		                            	$(this).css('color','black');
		                            }
		                        });  
		                        $(this).blur(function(){  
		                            if($(this).val()=="") {
		                            	$(this).val($(this).attr("placeholder"));  	
		                            	$(this).css('color','gray');
		                            }else{
		                            	
		                            	$(this).css('color','black');
		                            }
		                        });  
		                    }  
		            });  
		        }
		    });
		

 3.form提交前处理代码

   

  if(addressStr==$("#address").attr('placeHolder')){
    	    	$("#address").val("");
    }