前端筆記

一、修改代碼解決ie8下js報錯的問題
 錯誤信息：對象不支持此屬性或方法 jquery-1.7.1.js 行4097 字符4
解決辦法：經過debug工具定位到報錯的代碼 $this.siblings("li").removeClass("active");
                將代碼改成：$this.siblings().removeClass("active"); 即去掉了siblings()方法的參數，問題解決

二、在js代碼中引用字符串類型的php對象時，要添加引號，避免js將其做爲變量名處理
錯誤信息：Uncaught ReferenceError: high is not defined
錯誤代碼：$pager['page_first']   = "javascript:gotoPage(1,$id,$type,$level)"; 當$level=high時報如上錯誤
解決辦法：給$level添加引號：$pager['page_first']   = "javascript:gotoPage(1,$id,$type,'$level')";

三、html頁面若是不設置編碼的話，會出現亂碼狀況，解決辦法是加入以下代碼：

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

 

四、jquery 刪除

$('#id').remove();

 

五、js判斷對象是否存在，jquery判斷radio是否選中

if(document.getElementById('searchPlayer')){
	if(!$("input[name='doublePlayer']:checked").val()){
		alert('雙打比賽須要兩我的一塊兒報名，請選擇搭檔');
		$('#searchPlayer').focus();
		return;
	}
}

 

六、ie瀏覽器下，會由於關鍵字衝突，致使異常

<form method="post" action="<?php echo $this->Html->url('/questions/complete');?>" id="answerForm">
		<input type='hidden' id='score' name='score' value='476'/>
		<div class="d_c1"><a href="javascript:void(0)" onclick='submit()'>保存測評結果</a></div>
	</form>

 

在ie下這時候點擊保存按鈕，會直接提交form，而不是執行submit function。

七、分享到新浪微博代碼

function shareTSina(title,rLink,site,pic) {  
	    title = "分享標題";  
	  // pic = $(".p-img img").attr("src");  
	   rLink = "<?php echo $this->Html->url('/questions/bdmtnSelfTesting', true);?>";  
	     
	    window.open("http://service.weibo.com/share/share.php?title=" +   
	    encodeURIComponent(title.replace(/&nbsp;/g, " ").replace(/<br \/>/g, " "))+ "&url=" + encodeURIComponent(rLink),  
	    "分享至新浪微博",  
	    "height=500,width=600,top=100,left=100,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no");  
	      
	}

 

八、分享連接代碼

一、引入 ZeroClipboard.js
<?php echo $this->Html->script(array('self-testing','zclip/ZeroClipboard'));?>
二、添加事件
<a class="copy" data-clipboard-text="<?php echo $this->Html->url('/questions/bdmtnSelfTesting', true);?>" href="javascript:void(0);"><img src="img/selfTest/lk3.jpg"></a>	
	$(function(){
		// setup copy to clipboard
		ZeroClipboard.setDefaults({moviePath: '<?php echo $this->Html->url('/', true)?>js/zclip/ZeroClipboard.swf'});
		clip = new ZeroClipboard($('a.copy'));
		clip.on('complete', function(client, args) {
			Popup.showMessage("連接複製成功", "success", {
			  title: '系統提示',
			  ok: '返回'
			}); 
		});
	})

九、驗證手機號的正則表達式

if(!(/^1[3|4|5|7|8]\d{9}$/.test(mobile))){
  alert("手機號碼不正確，請輸入正確的手機號");
  return false;
}