Border的快樂生活記錄

今天來跟大家分享一個看似簡單  但又有點困難的 jquery偵聽事件
在實務上應該很常用到  點擊頁面的任何一個地方之後   就做什麼事情

以前我們在html標籤裡常用的錨點 <a name"XX"></a>  <a href="#XX"></a>
這個有基礎的人應該很孰悉了 

很久沒寫有關程式的文章了  今天就來一篇用Jquery讓按鈕永遠在畫面的底部
在手機版很流行設計成這樣

setTimeout是js裡面的計時器   但每次只執行一次
使用的方法有兩種
1. setTimeout("hi",5000);
2. setTimeout("hi()",5000);

在jquery的部分如果要動態寫入html元素
比較常用到的有三種方式 html()  append()  prepend()
如下下面有一段html碼
<p>

這裡介紹一個google map有趣的應用
假如我有多個經緯度座標   想要在google map地圖上標示
我們可以使用下面的方法
 

有時候我們必須要判斷 字串中是不是純中文或者純英文 可以使用下面的函式判斷
/*
*function：檢查字符串是否由纯英文，纯中文，中英文混合组成
*param string
*return 1:纯英文;2:纯中文;3:中英文混合
*/
function check_str($str=''){
if(trim($str)==''){
return '';
}
$m=mb_strlen($str,'utf-8');
$s=strlen($str);
if($s==$m){
return 1;
}
if($s%$m==0&&$s%3==0){
return 2;
}
return 3;
}

下面用範例來說明
JS部分
 
function get_checkbox()
{

$(".c1").each(function(){

// 判斷是否被勾選
if($(this).attr('checked'))
{
// 取的已勾選的checkbox值
alert($(this).attr("value"));
}

})
}

function BC_checked()
{

$(".c1").each(function(){

if($(this).attr('value') == "B" || $(this).attr('value') == "C")
{
// 指定勾選
$(this).attr("checked",true);
}

})
}

function add_option()
{
// 增加選項
$(new Option("D" , "4")).appendTo('#S1');
}

function get_selected()
{
// 取的選中項
alert($('#S1').val());

}

function clear_option()
{
//清空下拉框
$('#S1').empty();

}

function B_selected()
{
$("#S1").attr("value",'2');

}

在一個頁面裡如果要抓取某個物件的座標
我們可以使用jquery提供的offset()
用法如下
var position = $(物件).offset();
var x = position.left;
var y = position.top; // 取得Y座標

// 將頁面卷軸移動到該位置
$("html, body").animate({scrollTop: y}, 600);

現在的網頁技術很容易會用到燈箱的做法
在燈箱的頁面的開啟方法中   有一種是用iframe嵌入頁面
這時候就會遇到  當iframe的頁面儲存了某值後   想要立即更新母視窗
就可以用下面的代碼實現