2012/08/16 at 11:58 » Comments (184)

/** *函數描述：獲取input type=file的圖像全路徑 * @obj input type=file的對象 **/ function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } }   <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" >   =========================================================================     #判斷IE還是Firefox function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } }       #判斷后綴名 function yulan(){ var filePath =getFullPath(document.getElementById('UpFile')); var fileText =filePath.substring(filePath.lastIndexOf("."),filePath.length); var ...more »

2012/07/21 at 12:35 » Comments (459)

parseInt()把字符串轉成整數 parseFloat()把字符串轉成浮點數 js在處理變量的數學運算時一點要注意變量類型的轉換 JS 字符串轉整數 JS 字符串轉整數方法主要有三種轉換函數、強制類型 轉換、利用js 變量弱類型轉換。 1.轉換函數： js 提供了parseInt()和parseFloat()兩個轉換函數。 前者把值轉換成整 數，后者把值轉換成浮點數。只有對String 類型調用這些方法，這兩個函數才 能正確運行；對其他類型返回的都是NaN(Not aNumber)。 在判斷字符串是否是數字值前，parseInt()和parseFloat()都會仔細分析 該字符串。 parseInt()方法首先查看位置0 處的字符，判斷它是否是個有效數字；如 果不是，該方法將返回NaN，不再繼續執行其他操作。但如果該字符是有效數 字，該方法將查看位置1 處的字符，進行同樣的測試。這一過程將持續到發現 非有效數字的字符為止，此時 parseInt()將把該字符之前的字符串轉換成數字。 例如，如果要把字符串"1234blue"轉換成整數，那么parseInt()將返回 1234，因為當它檢測到字符b 時，就會停止檢測過程。 字符串中包含的數字字面量會被正確轉換為數字，因此字符串"0xA"會被正 確轉換為數字10。 ...more »

2012/05/29 at 11:38 » Comments (193)

<div id="demo"> <div id="demo1"> <ul> <li> 文字圖片內容   </li> </ul> </div> <div id="demo2"></div>   <script type="text/javascript"> var speed=10; var FGDemo=document.getElementById('demo'); var FGDemo1=document.getElementById('demo1'); var FGDemo2=document.getElementById('demo2'); FGDemo2.innerHTML=FGDemo1.innerHTML function Marquee1(){ if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0) FGDemo.scrollTop-=FGDemo1.offsetHeight else{ FGDemo.scrollTop++ } } var MyMar1=setInterval(Marquee1,speed) FGDemo.onmouseover=function() {clearInterval(MyMar1)} FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> </div> more »

2012/03/07 at 11:34 » Comments (267)

定義和用法 prompt() 方法用于顯示可提示用戶進行輸入的對話框。 語法 prompt(text,defaultText) text 可選。要在對話框中顯示的純文本（而不是 HTML 格式的文本）。 defaultText 可選。默認的輸入文本。也可以不輸入值，如果不輸入值，則返回null。 說明 如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入字段當前顯示的文本。 　　在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執行，在用戶作出響應之前，不會執行下一條語句。 以下的代碼彈出一個對話框，用戶輸入密碼，然后提交表單 function fn_check( theForm ) { var m = prompt ( "請輸入新密碼" , "" ) ; if ( m ) { m = trimString(m); if ...more »

2011/11/18 at 10:05 » Comments (224)

使用時直接調用函數，不需設定網站標題等 <span onclick ='addFav()'> 收藏本站 </span> <span onclick ='setHomepage()'> 設為首頁 </span> <script type='text/javascript'> function addFav(){ // 加入收藏夾 if (document.all) { window.external.addFavorite(window.location.href, document.title); } else if (window.sidebar) { window.sidebar.addPanel(document.title, window.location.href, ""); } } function setHomepage(){ // 設置首頁 if (document.all) ...more »

2011/10/17 at 14:26 » Comments (212)

function myBrowser(){ var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判斷是否Opera瀏覽器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判斷是否IE瀏覽器 var isFF = userAgent.indexOf("Firefox") > -1 ...more »

2011/09/23 at 17:46 » Comments (18)

網頁可見區域寬：document.body.clientWidth 網頁可見區域高：document.body.clientHeight 網頁可見區域寬：document.body.offsetWidth (包括邊線的寬) 網頁可見區域高：document.body.offsetHeight (包括邊線的寬) 網頁正文全文寬：document.body.scrollWidth 網頁正文全文高：document.body.scrollHeight 網頁被卷走的高：document.body.scrollTop 網頁被卷走的左：document.body.scrollLeft 網頁正文部分上：window.screenTop 網頁正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height 屏幕分辨率的寬：window.screen.width 屏幕可用勞動區高度：window.screen.availHeight 屏幕可用勞動區寬度：window.screen.availWidth HTML正確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 獲取東西的轉動高度。 scrollLeft:設置或獲取位于東西左界限和窗口中目前可見內容的最左端之間的間隔 scrollTop:設置或獲取位于東西最頂端和窗口中可見內容的最頂端之間的間隔 scrollWidth:獲取東西的轉動寬度 offsetHeight:獲取東西盡對付版面或由父坐標 offsetParent 屬指定 的父坐標的高度 offsetLeft:獲取東西盡對付版面或由 offsetParent 屬指定的父坐標的計算左側地位 offsetTop:獲取東西盡對付版面或由 offsetTop 屬指定的父坐標的計算頂端地位 event.clientX 盡對文檔的程度座標 event.clientY 盡對文檔的筆挺座標 event.offsetX 盡對容器的程度坐標 event.offsetY 盡對容器的筆挺坐標 document.documentElement.scrollTop 筆挺偏向轉動的值 event.clientX+document.documentElement.scrollTop 盡對文檔的程度座標+筆挺偏向轉動的量 IE，FireFox 差別如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding offsetWidth = width ...more »

2011/08/28 at 15:46 » Comments (215)

默認iframe框架是不能撐開高度的，如果需要讓框架高度自適應需要用js實現 js代碼： var adjustIframe = function (id) { var iframe = document.getElementById(id) var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument; var callback = ...more »

2011/08/25 at 15:12 » Comments (14)

javascript實現頁面慢慢垂直移動，就是慢慢移上去或者掉下來的效果 for(var i=0;i<351;i++){ window.scrollTo(0,i) } more »

2011/08/25 at 14:58 » Comments (6)

javascript輸出當前日期時間和星期幾的方法 1，按照本地時間格式 <script type="text/javascript">document.write(new Date().toLocaleString())</script> 2自己定義格式 <script type="text/javascript">document.write(new Date().getFullYear()+'年'+(new Date().getMonth()+1)+'月'+new Date().getDate()+'日 星期'+'日一二三四五六'.charAt(new Date().getDay()))</script> //注意：月份的算法要在原有數字上加1 more »