新浪多地域測試方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42
搜狐IP地址查詢接口(默認GBK):http://pv.sohu.com/cityjson
搜狐IP地址查詢接口(可設(shè)置編碼):http://pv.sohu.com/cityjson?ie=utf-8
搜狐另外的IP地址查詢接口:http://txt.go.sohu.com/ip/soip
騰訊的接口:http://fw.qq.com/ipaddress (騰訊的接口原本是最好用的,可現(xiàn)在打不開啦)
上面的接口中新浪的是js接口說明:
<script type="text/javascript" src="
<script type="text/javascript">
function ipmsg() {
var ss = remote_ip_info['country']??+ remote_ip_info['province']+ remote_ip_info['city'];
document.getElementByIdx_x_x("<%=HiddenField1.ClientID %>").value = ss;
}
</script>
]]>
以上代碼實現(xiàn)選中項跳轉(zhuǎn)到指定鏈接
]]>
<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("對不起,系統(tǒ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值默認就可以獲取到文件名,而ie 則顯示文件路徑。
所以要區(qū)別對待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目錄顯示的又是反斜杠,\,當(dāng)然在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('.'));
]]>例子: 1.給元素固有屬性賦值 下面是定義container容器的寬度,如果<725就為自己的寬度,否則就等于725,相當(dāng)于max-width:725px;。 <style type="text/css" media="screen"> #container { width: expression((documentElement.clientWidth > 725) ? "725px" : "auto" ); } </style> 2.給元素自定義屬性賦值 例如,消除頁面上的鏈接虛線框。 通常的做法是: <a href="link1.htm" onfocus="this.blur()">link1</a> <a href="link2.htm" onfocus="this.blur()">link2</a> <a href="link3.htm" onfocus="this.blur()">link3</a> 粗看或許還體現(xiàn)不出采用expression的優(yōu)勢,但如果你的頁面上有幾十甚至上百個鏈接,這時的你難道還會機械式地Ctrl+C,Ctrl+V么,何況兩者一比較,哪個產(chǎn)生的冗余代碼更多呢? 采用expression的做法如下: <style type="text/css"> a {star : expression(this.onFocus=this.blur());} </style> <a href="link1.htm">link1</a> <a href="link2.htm">link2</a> <a href="link3.htm">link3</a> 說明:里面的star就是自己任意定義的屬性,你可以隨自己喜好另外定義,接著包含在expression()里的語句就是JS腳本, 在自定義屬性與expression之間可別忘了還有一個引號,因為實質(zhì)還是CSS,所以放在style標簽內(nèi),而非script內(nèi)。OK,這樣就很容易 地用一句話實現(xiàn)了頁面中的鏈接虛線框的消除。不過你先別得意,如果觸發(fā)的特效是CSS的屬性變化,那么出來的結(jié)果會跟你的本意有差別。例如你想隨鼠標的移 進移出而改變頁面中的文本框顏色更改,你可能想當(dāng)然的會認為應(yīng)該寫為 <style type="text/css"> input {star : expression(onmouseover=this.style.backgroundColor="#F5F5F5"; onmouseout=this.style.backgroundColor="#FFFFFF")} </style> <input type="text"> <input type="text"> <input type="text"> 可結(jié)果卻是出現(xiàn)腳本出錯,正確的寫法應(yīng)該把CSS樣式的定義寫進函數(shù)內(nèi),如下所示: <style type="text/css"> input {star : expression(onmouseover=function() {this.style.backgroundColor="#FF0000"}, onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) } </style> <input type="text"> <input type="text"> <input type="text"> 注意:不是非常需要,一般不建議使用expression,因為expression對瀏覽器資源要求比較高。
]]>
parseFloat()把字符串轉(zhuǎn)成浮點數(shù)
js在處理變量的數(shù)學(xué)運算時一點要注意變量類型的轉(zhuǎn)換
JS 字符串轉(zhuǎn)整數(shù) JS 字符串轉(zhuǎn)整數(shù)方法主要有三種轉(zhuǎn)換函數(shù)、強制類型 轉(zhuǎn)換、利用js 變量弱類型轉(zhuǎn)換。
1.轉(zhuǎn)換函數(shù): js 提供了parseInt()和parseFloat()兩個轉(zhuǎn)換函數(shù)。
前者把值轉(zhuǎn)換成整 數(shù),后者把值轉(zhuǎn)換成浮點數(shù)。只有對String 類型調(diào)用這些方法,這兩個函數(shù)才 能正確運行;對其他類型返回的都是NaN(Not aNumber)。 在判斷字符串是否是數(shù)字值前,parseInt()和parseFloat()都會仔細分析 該字符串。 parseInt()方法首先查看位置0 處的字符,判斷它是否是個有效數(shù)字;如 果不是,該方法將返回NaN,不再繼續(xù)執(zhí)行其他操作。但如果該字符是有效數(shù) 字,該方法將查看位置1 處的字符,進行同樣的測試。這一過程將持續(xù)到發(fā)現(xiàn) 非有效數(shù)字的字符為止,此時 parseInt()將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。
例如,如果要把字符串"1234blue"轉(zhuǎn)換成整數(shù),那么parseInt()將返回 1234,因為當(dāng)它檢測到字符b 時,就會停止檢測過程。 字符串中包含的數(shù)字字面量會被正確轉(zhuǎn)換為數(shù)字,因此字符串"0xA"會被正 確轉(zhuǎn)換為數(shù)字10。 不過,字符串"22.5"將被轉(zhuǎn)換成22,因為對于整數(shù)來說,小數(shù)點是無效字 符。 一些示例如下: Js 代碼parseInt("1234blue");//returns 1234parseInt("0xA"); //returns 10parseInt("22.5");//returns 22parseInt("blue");//returns NaNparseInt()方法還有基模式,可以把二進制、八進制、十六進制或其他任何 進制的字符串轉(zhuǎn)換成整數(shù)。 基是由parseInt()方法的第二個參數(shù)指定的,所以要解析十六進制的值, 需如下調(diào)用parseInt()方法: Js 代碼parseInt("AF",16);//returns 175 當(dāng)然,對二進制、八進制, 甚至十進制(默認模式),都可以這樣調(diào)用parseInt()方法: Js 代碼parseInt("10",2);//returns 2parseInt("10",8);//returns 8parseInt("10",10);//returns 10 如果十進制數(shù)包含前導(dǎo)0,那么最好采用 基數(shù)10,這樣才不會意外地得到八進制的值。
例如: Js 代碼parseInt("010");//returns 8parseInt("010",8);//returns 8parseInt("010",10);//returns 10 在這段代碼中,兩行代碼都把字符串 "010"解析成了一個數(shù)字。第一行代碼把這個字符串看作八進制的值,解析它的 方式與第二行代碼(聲明基數(shù)為8)相同。最后一行代碼聲明基數(shù)為10,所以 iNum3 最后等于10。 parseFloat()方法與parseInt()方法的處理方式相似,從位置0 開始查看 每個字符,直到找到第一個非有效的字符為止,然后把該字符之前的字符串轉(zhuǎn) 換成數(shù)字。
不過,對于這個方法來說,第一個出現(xiàn)的小數(shù)點是有效字符。如果有兩個 小數(shù)點,第二個小數(shù)點將被看作無效的,parseFloat()方法會把這個小數(shù)點之 前的字符串轉(zhuǎn)換成數(shù)字。這意味著字符串"22.34.5"將被解析成22.34。 使用parseFloat()方法的另一不同之處在于,字符串必須以十進制形式表 示浮點數(shù),而不能用八進制形式或十六進制形式。 該方法會忽略前導(dǎo)0,所以八進制數(shù)0908 將被解析為908。對于十六進制 數(shù)0xA,該方法將返回NaN,因為在浮點數(shù)中,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.強制類型轉(zhuǎn)換 還可使用強制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型。使用強制類型 轉(zhuǎn)換可以訪問特定的值,即使它是另一種類型的。
ECMAScript 中可用的3 種強制類型轉(zhuǎn)換如下: Boolean(value)--把給定的值轉(zhuǎn)換成Boolean 型;Number(value)--把給定 的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點數(shù));String(value)--把給定的值轉(zhuǎn)換成字 符串。 用這三個函數(shù)之一轉(zhuǎn)換值,將創(chuàng)建一個新值,存放由原始值直接轉(zhuǎn)換成的 值。這會造成意想不到的后果。 當(dāng)要轉(zhuǎn)換的值是至少有一個字符的字符串、非0 數(shù)字或?qū)ο?下一節(jié)將討論 這一點)時,Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、 undefined 或null,它將返回false。 可以用下面的代碼段測試Boolean 型的強制類型轉(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()的強制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式 相似,只是它轉(zhuǎn)換的是整個值,而不是部分值。 還記得嗎,parseInt()和parseFloat()方法只轉(zhuǎn)換第一個無效字符之前的 字符串,因此"4.5.6"將被轉(zhuǎn)換為"4.5"。 用Number()進行強制類型轉(zhuǎn)換,"4.5.6"將返回NaN,因為整個字符串值不 能轉(zhuǎn)換成數(shù)字。 如果字符串值能被完整地轉(zhuǎn)換,Number()將判斷是調(diào)用parseInt()方法還 是調(diào)用parseFloat()方法。 下表說明了對不同的值調(diào)用Number()方法會發(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 最后一種強制類型轉(zhuǎn)換方法 String()是最簡單的, 因為它可把任何值轉(zhuǎn)換成字符串。
要執(zhí)行這種強制類型轉(zhuǎn)換,只需要調(diào)用作為參數(shù)傳遞進來的值的 toString()方法,即把1 轉(zhuǎn)換成"1",把true 轉(zhuǎn)換成"true",把false 轉(zhuǎn)換成 "false",依此類推。 強制轉(zhuǎn)換成字符串和調(diào)用toString()方法的唯一不同之處在于,對null 或undefined 值強制類型轉(zhuǎn)換可以生成字符串而不引發(fā)錯誤: Js 代碼var s1=String(null);//"null"var oNull=null;var s2=oNull.toString();//won't work,causes an error3.利用js 變量弱類型 轉(zhuǎn)換 舉個小例子,一看,就會明白了。 Js 代碼script var str='012.345';var x=str-0;x=x*1;/script 上例 利用了js 的弱類型的特點,只進行了算術(shù)運算,實現(xiàn)了字符串到數(shù)字的類型轉(zhuǎn) 換,不過這個方法還是不推薦的。
]]><a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=66757924&Site=服務(wù)易& Menu=yes"><img border="0" SRC=http://wpa.qq.com/pa?p=1:66757924:6 alt="點擊這里給我發(fā)消息" align="absmiddle"></a>
2.MSN在線咨詢代碼
用的時候把[郵件地址]寫成你的MSN賬號,不要方括號,用鏈接即可,如
<a target="blank" href="msnim:chat?contact=sliang@zui88.com">MSN在線客服</a>
3.skype在線狀態(tài)代碼生成
將yisung換成你的skype ID就可以了,需要在skype個人賬戶里設(shè)置對任何人顯示狀態(tài)
<a target="blank" href="skype:mengsajewel?call"><img src=http://mystatus.skype.com/smallclassic/yisung style="border: none;" alt="Call me!" /></a>
更多的skype在線狀態(tài)代碼生成樣式,請查看skype的官方網(wǎng)站
http://www.skype.com/share/buttons/
4.淘寶旺旺
<a target="_blank" ><img border="0" src="http://amos1.taobao.com/online.ww?v=你的旺旺名=1" alt="點擊這里發(fā)taobao旺旺消息" /></a>
5.阿里貿(mào)易通
chqllm改成你的ID就行了,還有ALT改成你的內(nèi)容
<a target=_blank ><img border=0 src="http://scs1.sh1.china.alibaba.com/online.atc?v=1&uid=chqllm&s=2" alt="最優(yōu)工作室" align="absmiddle"></a>
6.雅虎通
<a target=_blank href=http://edit.yahoo.com/config/send_webmesg?.target=你的雅虎通號碼& amp;.src=pg><img border=0 align=absmiddle src=http://opi.yahoo.com/online?u=你的雅虎通號碼&m=g&t=2 alt=雅虎通在線狀態(tài) title=給我發(fā)送雅虎通消息></a>
]]><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>
]]>解決的方法是在li里面定義樣式 white-space: nowrap;
]]><a href="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage(window.location.href);">設(shè)為首頁</a> | <a href="#" onClick="window.external.addFavorite(window.location.href,document.title)">加入收藏</a>
]]>值 | 描述 |
---|---|
separate | 默認值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。 |
collapse | 如果可能,邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值。 |
細邊線table表格樣式
table {width:100%; border:1px solid #ccc; border-collapse:collapse;}
table td {border:1px solid #ccc; border-collapse:collapse; padding:10px 15px; color:#999;}