<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("對(duì)不起，系統(tǒng)僅支持標(biāo)準(zhǔn)格式的照片，請(qǐng)您調(diào)整格式后重新上傳，謝謝 ！");

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值默認(rèn)就可以獲取到文件名，而ie 則顯示文件路徑。

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

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()把字符串轉(zhuǎn)成浮點(diǎn)數(shù)

js在處理變量的數(shù)學(xué)運(yùn)算時(shí)一點(diǎn)要注意變量類型的轉(zhuǎn)換

JS 字符串轉(zhuǎn)整數(shù) JS 字符串轉(zhuǎn)整數(shù)方法主要有三種轉(zhuǎn)換函數(shù)、強(qiáng)制類型 轉(zhuǎn)換、利用js 變量弱類型轉(zhuǎn)換。

1.轉(zhuǎn)換函數(shù)： js 提供了parseInt()和parseFloat()兩個(gè)轉(zhuǎn)換函數(shù)。

前者把值轉(zhuǎn)換成整 數(shù)，后者把值轉(zhuǎn)換成浮點(diǎn)數(shù)。只有對(duì)String 類型調(diào)用這些方法，這兩個(gè)函數(shù)才 能正確運(yùn)行；對(duì)其他類型返回的都是NaN(Not aNumber)。 在判斷字符串是否是數(shù)字值前，parseInt()和parseFloat()都會(huì)仔細(xì)分析 該字符串。 parseInt()方法首先查看位置0 處的字符，判斷它是否是個(gè)有效數(shù)字；如 果不是，該方法將返回NaN，不再繼續(xù)執(zhí)行其他操作。但如果該字符是有效數(shù) 字，該方法將查看位置1 處的字符，進(jìn)行同樣的測(cè)試。這一過(guò)程將持續(xù)到發(fā)現(xiàn) 非有效數(shù)字的字符為止，此時(shí) parseInt()將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。

例如，如果要把字符串"1234blue"轉(zhuǎn)換成整數(shù)，那么parseInt()將返回 1234，因?yàn)楫?dāng)它檢測(cè)到字符b 時(shí)，就會(huì)停止檢測(cè)過(guò)程。 字符串中包含的數(shù)字字面量會(huì)被正確轉(zhuǎn)換為數(shù)字，因此字符串"0xA"會(huì)被正 確轉(zhuǎn)換為數(shù)字10。 不過(guò)，字符串"22.5"將被轉(zhuǎn)換成22，因?yàn)閷?duì)于整數(shù)來(lái)說(shuō)，小數(shù)點(diǎn)是無(wú)效字 符。 一些示例如下： Js 代碼parseInt("1234blue")；//returns 1234parseInt("0xA")； //returns 10parseInt("22.5")；//returns 22parseInt("blue")；//returns NaNparseInt()方法還有基模式，可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或其他任何 進(jìn)制的字符串轉(zhuǎn)換成整數(shù)。 基是由parseInt()方法的第二個(gè)參數(shù)指定的，所以要解析十六進(jìn)制的值， 需如下調(diào)用parseInt()方法： Js 代碼parseInt("AF",16)；//returns 175 當(dāng)然，對(duì)二進(jìn)制、八進(jìn)制， 甚至十進(jìn)制(默認(rèn)模式)，都可以這樣調(diào)用parseInt()方法： Js 代碼parseInt("10",2)；//returns 2parseInt("10",8)；//returns 8parseInt("10",10)；//returns 10 如果十進(jìn)制數(shù)包含前導(dǎo)0，那么最好采用 基數(shù)10，這樣才不會(huì)意外地得到八進(jìn)制的值。

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

不過(guò)，對(duì)于這個(gè)方法來(lái)說(shuō)，第一個(gè)出現(xiàn)的小數(shù)點(diǎn)是有效字符。如果有兩個(gè) 小數(shù)點(diǎn)，第二個(gè)小數(shù)點(diǎn)將被看作無(wú)效的，parseFloat()方法會(huì)把這個(gè)小數(shù)點(diǎn)之 前的字符串轉(zhuǎn)換成數(shù)字。這意味著字符串"22.34.5"將被解析成22.34。 使用parseFloat()方法的另一不同之處在于，字符串必須以十進(jìn)制形式表 示浮點(diǎn)數(shù)，而不能用八進(jìn)制形式或十六進(jìn)制形式。 該方法會(huì)忽略前導(dǎo)0，所以八進(jìn)制數(shù)0908 將被解析為908。對(duì)于十六進(jìn)制 數(shù)0xA，該方法將返回NaN，因?yàn)樵诟↑c(diǎn)數(shù)中，x 不是有效字符。 此外，parseFloat()也沒(méi)有基模式。 下面是使用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.強(qiáng)制類型轉(zhuǎn)換 還可使用強(qiáng)制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型。使用強(qiáng)制類型 轉(zhuǎn)換可以訪問(wèn)特定的值，即使它是另一種類型的。

ECMAScript 中可用的3 種強(qiáng)制類型轉(zhuǎn)換如下： Boolean(value)--把給定的值轉(zhuǎn)換成Boolean 型；Number(value)--把給定 的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點(diǎn)數(shù))；String(value)--把給定的值轉(zhuǎn)換成字 符串。 用這三個(gè)函數(shù)之一轉(zhuǎn)換值，將創(chuàng)建一個(gè)新值，存放由原始值直接轉(zhuǎn)換成的 值。這會(huì)造成意想不到的后果。 當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0 數(shù)字或?qū)ο?下一節(jié)將討論 這一點(diǎn))時(shí)，Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、 undefined 或null，它將返回false。 可以用下面的代碼段測(cè)試Boolean 型的強(qiáng)制類型轉(zhuǎn)換。 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()的強(qiáng)制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式 相似，只是它轉(zhuǎn)換的是整個(gè)值，而不是部分值。 還記得嗎，parseInt()和parseFloat()方法只轉(zhuǎn)換第一個(gè)無(wú)效字符之前的 字符串，因此"4.5.6"將被轉(zhuǎn)換為"4.5"。 用Number()進(jìn)行強(qiáng)制類型轉(zhuǎn)換，"4.5.6"將返回NaN，因?yàn)檎麄€(gè)字符串值不 能轉(zhuǎn)換成數(shù)字。 如果字符串值能被完整地轉(zhuǎn)換，Number()將判斷是調(diào)用parseInt()方法還 是調(diào)用parseFloat()方法。 下表說(shuō)明了對(duì)不同的值調(diào)用Number()方法會(huì)發(fā)生的情況： 用法結(jié)果 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 最后一種強(qiáng)制類型轉(zhuǎn)換方法 String()是最簡(jiǎn)單的， 因?yàn)樗砂讶魏沃缔D(zhuǎn)換成字符串。

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

<li>
文字圖片內(nèi)容

</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() 方法用于顯示可提示用戶進(jìn)行輸入的對(duì)話框。

語(yǔ)法

prompt(text,defaultText)

說(shuō)明

如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認(rèn)按鈕，則返回輸入字段當(dāng)前顯示的文本。 　　在用戶點(diǎn)擊確定按鈕或取消按鈕把對(duì)話框關(guān)閉之前，它將阻止用戶對(duì)瀏覽器的所有輸入。在調(diào)用 prompt() 時(shí)，將暫停對(duì) JavaScript 代碼的執(zhí)行，在用戶作出響應(yīng)之前，不會(huì)執(zhí)行下一條語(yǔ)句。

以下的代碼彈出一個(gè)對(duì)話框，用戶輸入密碼，然后提交表單
 function fn_check( theForm )
  {
	var m = prompt ( "請(qǐng)輸入新密碼" , "" ) ;
	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()'> 設(shè)為首頁(yè) </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(){ // 設(shè)置首頁(yè)
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請(qǐng)?jiān)跒g覽器地址欄輸入“about:config”并回車(chē)\n然后將 [signed.applets.codebase_principal_support]的值設(shè)置為’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: 獲取東西的轉(zhuǎn)動(dòng)高度。

scrollLeft:設(shè)置或獲取位于東西左界限和窗口中目前可見(jiàn)內(nèi)容的最左端之間的間隔

scrollTop:設(shè)置或獲取位于東西最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的間隔

scrollWidth:獲取東西的轉(zhuǎn)動(dòng)寬度

offsetHeight:獲取東西盡對(duì)付版面或由父坐標(biāo) offsetParent 屬指定

的父坐標(biāo)的高度

offsetLeft:獲取東西盡對(duì)付版面或由 offsetParent 屬指定的父坐標(biāo)的計(jì)算左側(cè)地位

offsetTop:獲取東西盡對(duì)付版面或由 offsetTop 屬指定的父坐標(biāo)的計(jì)算頂端地位

event.clientX 盡對(duì)文檔的程度座標(biāo)

event.clientY 盡對(duì)文檔的筆挺座標(biāo)

event.offsetX 盡對(duì)容器的程度坐標(biāo)

event.offsetY 盡對(duì)容器的筆挺坐標(biāo)

document.documentElement.scrollTop 筆挺偏向轉(zhuǎn)動(dòng)的值

event.clientX+document.documentElement.scrollTop 盡對(duì)文檔的程度座標(biāo)+筆挺偏向轉(zhuǎn)動(dòng)的量

IE，F(xiàn)ireFox 差別如下：

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，按照本地時(shí)間格式
<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>

//注意：月份的算法要在原有數(shù)字上加1