<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 fileName =fileText.toLowerCase();

if ((fileName!='.jpg')&&(fileName!='.gif')&&(fileName!='.jpeg')&&(fileName!='.png')&&(fileName!='.bmp'))

{

alert("對不起，系統僅支持標準格式的照片，請您調整格式后重新上傳，謝謝 ！");

document.form1.UpFile.focus();

}

else

{

document.getElementById("preview").innerHTML="<img src='"+getFullPath(document.getElementById('UpFile'))+"' width=120 style='border:6px double #ccc'>";

}

}

#判斷文件大小

var Sys = {};

if(navigator.userAgent.indexOf("MSIE")>0) {

Sys.ie=true;

}

if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){

Sys.firefox=true;

}

var maxLength = 5*1024*1024;

function checkFileChange(obj) {

var filesize = 0;

if(Sys.firefox){

filesize = obj.files[0].fileSize;

}else if(Sys.ie){

var filePath = obj.value;

var image=new Image();

image.src=filePath;

filesize=image.fileSize;

}

alert(filesize);

}

獲取文件名

firefox的input表單的value值默認就可以獲取到文件名，而ie 則顯示文件路徑。

所以要區別對待，在firefox下 lastIndexOf('/')得到的是-1，而在ie下，目錄顯示的又是反斜杠，\，當然在Linux
下，其他瀏覽器獲取到的又是正斜杠 / （ 暫時未證明有Linux下有瀏覽器file獲取到的值會是全路徑）；
得用兩次判斷：

function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}

返回不帶后綴的文件名

return name.substring(0,name.lastIndexOf('.'));

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。 不過，字符串"22.5"將被轉換成22，因為對于整數來說，小數點是無效字 符。 一些示例如下： Js 代碼parseInt("1234blue")；//returns 1234parseInt("0xA")； //returns 10parseInt("22.5")；//returns 22parseInt("blue")；//returns NaNparseInt()方法還有基模式，可以把二進制、八進制、十六進制或其他任何 進制的字符串轉換成整數。 基是由parseInt()方法的第二個參數指定的，所以要解析十六進制的值， 需如下調用parseInt()方法： Js 代碼parseInt("AF",16)；//returns 175 當然，對二進制、八進制， 甚至十進制(默認模式)，都可以這樣調用parseInt()方法： Js 代碼parseInt("10",2)；//returns 2parseInt("10",8)；//returns 8parseInt("10",10)；//returns 10 如果十進制數包含前導0，那么最好采用 基數10，這樣才不會意外地得到八進制的值。

例如： Js 代碼parseInt("010")；//returns 8parseInt("010",8)；//returns 8parseInt("010",10)；//returns 10 在這段代碼中，兩行代碼都把字符串 "010"解析成了一個數字。第一行代碼把這個字符串看作八進制的值，解析它的 方式與第二行代碼(聲明基數為8)相同。最后一行代碼聲明基數為10，所以 iNum3 最后等于10。 parseFloat()方法與parseInt()方法的處理方式相似，從位置0 開始查看 每個字符，直到找到第一個非有效的字符為止，然后把該字符之前的字符串轉 換成數字。

不過，對于這個方法來說，第一個出現的小數點是有效字符。如果有兩個 小數點，第二個小數點將被看作無效的，parseFloat()方法會把這個小數點之 前的字符串轉換成數字。這意味著字符串"22.34.5"將被解析成22.34。 使用parseFloat()方法的另一不同之處在于，字符串必須以十進制形式表 示浮點數，而不能用八進制形式或十六進制形式。 該方法會忽略前導0，所以八進制數0908 將被解析為908。對于十六進制 數0xA，該方法將返回NaN，因為在浮點數中，x 不是有效字符。 此外，parseFloat()也沒有基模式。 下面是使用parseFloat()方法的示例： Js 代碼parseFloat("1234blue")；//returns 1234.0 parseFloat("0xA")； //returns NaNparseFloat("22.5")；//returns 22.5parseFloat("22.34.5")； //returns 22.34parseFloat("0908")；//returns 908parseFloat("blue")； //returns NaN2.強制類型轉換 還可使用強制類型轉換(type casting)處理轉換值的類型。使用強制類型 轉換可以訪問特定的值，即使它是另一種類型的。

ECMAScript 中可用的3 種強制類型轉換如下： Boolean(value)--把給定的值轉換成Boolean 型；Number(value)--把給定 的值轉換成數字(可以是整數或浮點數)；String(value)--把給定的值轉換成字 符串。 用這三個函數之一轉換值，將創建一個新值，存放由原始值直接轉換成的 值。這會造成意想不到的后果。 當要轉換的值是至少有一個字符的字符串、非0 數字或對象(下一節將討論 這一點)時，Boolean()函數將返回true。如果該值是空字符串、數字0、 undefined 或null，它將返回false。 可以用下面的代碼段測試Boolean 型的強制類型轉換。 Js 代碼Boolean("")；//false– empty stringBoolean("hi")；//true– non-empty stringBoolean(100)；//true– non-zero numberBoolean(null)； //false-nullBoolean(0)；//false-zeroBoolean(new Object())；//true– objectNumber()的強制類型轉換與parseInt()和parseFloat()方法的處理方式 相似，只是它轉換的是整個值，而不是部分值。 還記得嗎，parseInt()和parseFloat()方法只轉換第一個無效字符之前的 字符串，因此"4.5.6"將被轉換為"4.5"。 用Number()進行強制類型轉換，"4.5.6"將返回NaN，因為整個字符串值不 能轉換成數字。 如果字符串值能被完整地轉換，Number()將判斷是調用parseInt()方法還 是調用parseFloat()方法。 下表說明了對不同的值調用Number()方法會發生的情況： 用法結果 Js 代碼 Number(false)0Number(true)1Number(undefined)NaNNumber(null)0Number("5 .5")5.5Number("56")56Number("5.6.7")NaNNumber(new Object())NaNNumber(100)100 最后一種強制類型轉換方法 String()是最簡單的， 因為它可把任何值轉換成字符串。

要執行這種強制類型轉換，只需要調用作為參數傳遞進來的值的 toString()方法，即把1 轉換成"1"，把true 轉換成"true"，把false 轉換成 "false"，依此類推。 強制轉換成字符串和調用toString()方法的唯一不同之處在于，對null 或undefined 值強制類型轉換可以生成字符串而不引發錯誤： Js 代碼var s1=String(null)；//"null"var oNull=null；var s2=oNull.toString()；//won't work,causes an error3.利用js 變量弱類型 轉換 舉個小例子，一看，就會明白了。 Js 代碼script var str='012.345'；var x=str-0；x=x*1；/script 上例 利用了js 的弱類型的特點，只進行了算術運算，實現了字符串到數字的類型轉 換，不過這個方法還是不推薦的。

<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>

prompt() 方法用于顯示可提示用戶進行輸入的對話框。

語法

prompt(text,defaultText)

說明

如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入字段當前顯示的文本。 　　在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執行，在用戶作出響應之前，不會執行下一條語句。

以下的代碼彈出一個對話框，用戶輸入密碼，然后提交表單
 function fn_check( theForm )
  {
	var m = prompt ( "請輸入新密碼" , "" ) ;
	if ( m )
	{
		m = trimString(m);
		if ( m != "" )
		{
			theForm.newftppassword1.value = m;
			theForm.doftppasswordupdate.value = '1';
			theForm.submit();
			return true;
		}
	}
	return ;
  }
<form id="frm_sitedetail" name="frm_sitedetail" action="siteadmin.php" method="POST">

		<input type="hidden" name="newftppassword1" value="">
<input type="hidden" name="doftppasswordupdate" value="">
</form>

<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) {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
} else if (window.sidebar) {
if(window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
}
catch (e) {
alert('此操作被瀏覽器拒絕！\n請在瀏覽器地址欄輸入“about:config”并回車\n然后將 [signed.applets.codebase_principal_support]的值設置為’true’,雙擊即可。');
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', window.location.href);
}
}
}

</script>

if (window.sidebar)是判斷FF的一種方法，就像判斷IE用if (document.all)一樣

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 + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：
clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

window.onload = function(){
adjustIframe("js_sub_web");
}

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