<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 開始查看 每個(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ì)話框。
prompt(text,defaultText)
text | 可選。要在對(duì)話框中顯示的純文本(而不是 HTML 格式的文本)。 |
defaultText | 可選。默認(rèn)的輸入文本。也可以不輸入值,如果不輸入值,則返回null。 |
如果用戶單擊提示框的取消按鈕,則返回 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”并回車\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
]]>