收集javascript的一些實用方法!

使用JS實作單擊連接配接儲存圖檔

2種形式都可以

第一種：

< script >  

function    SaveAs5(imgURL) 

... ... { 

  var   oPop   =   window.open(imgURL,"","width=1,   height=1,   top=5000,   left=5000");   

  for(;   oPop.document.readyState   !=   "complete";   )   

  ......{ 

    if   (oPop.document.readyState   ==   "complete")break; 

  } 

  oPop.document.execCommand("SaveAs"); 

  oPop.close();   

}  

</ script >  

< img   src = " t_screenshot_17616.jpg "    id = " DemoImg "    border = " 0 "    onclick = " SaveAs5(this.src) " >  

第二種：

< script >  

function    SaveAs5(imgURL) 

... ... { 

  var   oPop   =   window.open(imgURL,"","width=1,   height=1,   top=5000,   left=5000");   

  for(;   oPop.document.readyState   !=   "complete";   )   

  ......{ 

    if   (oPop.document.readyState   ==   "complete")break; 

  } 

  oPop.document.execCommand("SaveAs"); 

  oPop.close();   

}  

</ script >  

< img   src = " ../t_screenshot_17616.jpg "    id = " DemoImg "    border = " 0 " >  

< a   href = " # "      onclick = " SaveAs5(document.getElementById('DemoImg').src) " >  點選這裡下載下傳圖檔  </ a >    

JAVAScript如何實作圖檔等比縮放

< script language = " JavaScript " >

<!--

// 圖檔按比例縮放

var  flag = false ;

function  DrawImage(ImgD) ... {

var image=new Image();

var iwidth = 160; //定義允許圖檔寬度，當寬度大于這個值時等比例縮小

var iheight = 120; //定義允許圖檔高度，當寬度大于這個值時等比例縮小

image.src=ImgD.src;

if(image.width>0 && image.height>0)...{

flag=true;

if(image.width/image.height>= iwidth/iheight)...{

if(image.width>iwidth)...{ 

ImgD.width=iwidth;

ImgD.height=(image.height*iwidth)/image.width;

}else...{

ImgD.width=image.width; 

ImgD.height=image.height;

}

ImgD.alt=image.width+"×"+image.height;

}

else...{

if(image.height>iheight)...{ 

ImgD.height=iheight;

ImgD.width=(image.width*iheight)/image.height; 

}else...{

ImgD.width=image.width; 

ImgD.height=image.height;

}

ImgD.alt=image.width+"×"+image.height;

}

}

}  

// 調用：<img src="圖檔" οnlοad="javascript:DrawImage(this)">

// -->

</ script > http://blog.csdn.net/chinmo/archive/2008/02/22/2112388.aspx 關閉輸入法

<input style="ime-mode:disabled">

光标是停在文本框文字的最後

<script language="javascript">

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

</script>

<input type=text name=text1 value="123" οnfοcus="cc()">

無關閉按鈕IE

window.open("aa.htm", "meizz", "fullscreen=7");

TEXTAREA自适應文字行數的多少

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">

</textarea>

怎樣去掉圖檔連結點選後，圖檔周圍的虛線？

<a href="http://www.javava.org" target="_blank" rel="external nofollow" onFocus="this.blur()"><img src="http://www.javava.org/prima/img/logo.png" border=0></a>

• 事件源對象

  event.srcElement.tagName

  event.srcElement.type

• 捕獲釋放

  event.srcElement.setCapture();  

  event.srcElement.releaseCapture();  

• 事件按鍵

  event.keyCode

  event.shiftKey

  event.altKey

  event.ctrlKey

• 事件傳回值

  event.returnValue

• 滑鼠位置

  event.x

  event.y

• 窗體活動元素

  document.activeElement

• 綁定事件

  document.captureEvents(Event.KEYDOWN);

• 通路窗體元素

  document.all("txt").focus();

  document.all("txt").select();

• 窗體指令

  document.execCommand

• 窗體COOKIE

  document.cookie

• 菜單事件

  document.oncontextmenu

• 建立元素

  document.createElement("SPAN");  

• 根據滑鼠獲得元素：

  document.elementFromPoint(event.x,event.y).tagName=="TD

  document.elementFromPoint(event.x,event.y).appendChild(ms)  

• 窗體圖檔

  document.images[索引]

• 窗體事件綁定

  document.οnmοusedοwn=scrollwindow;

• 元素

  document.窗體.elements[索引]

• 對象綁定事件

  document.all.xxx.detachEvent('onclick',a);

• 插件數目

  navigator.plugins

• 取變量類型

  typeof($js_libpath) == "undefined"

• 下拉框

  下拉框.options[索引]

  下拉框.options.length

• 查找對象

  document.getElementsByName("r1");

  document.getElementById(id);

• 定時

  timer=setInterval('scrollwindow()',delay);

  clearInterval(timer);

• UNCODE編碼

  escape() ,unescape

• 父對象

  obj.parentElement(dhtml)

  obj.parentNode(dom)

• 交換表的行

  TableID.moveRow(2,1)

• 替換CSS

  document.all.csss.href = "a.css";

• 并排顯示

  display:inline

• 隐藏焦點

  hidefocus=true

• 根據寬度換行

  style="word-break:break-all"

• 自動重新整理

  <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

• 簡單郵件

  <a   href="mailto:[email protected]?subject=ccc&body=xxxyyy">  

• 快速轉到位置

  obj.scrollIntoView(true)

• 錨

  <a name="first">

  <a href="#first" target="_blank" rel="external nofollow" >anchors</a>

• 網頁傳遞參數

  location.search();

• 可編輯

  obj.contenteditable=true

• 執行菜單指令

  obj.execCommand

• 雙位元組字元

  /[^/x00-/xff]/

  漢字

  /[/u4e00-/u9fa5]/

• 讓英文字元串超出表格寬度自動換行

  word-wrap: break-word; word-break: break-all;

• 透明背景

  <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

• 獲得style内容

  obj.style.cssText

• HTML标簽

  document.documentElement.innerHTML

• 第一個style标簽

  document.styleSheets[0]

• style标簽裡的第一個樣式

  document.styleSheets[0].rules[0]

• 防止點選空連結時，頁面往往重置到頁首端。

  <a href="javascript:function()" target="_blank" rel="external nofollow" >word</a>

• 上一網頁源

  asp:

  request.servervariables("HTTP_REFERER")

  javascript:

  document.referrer

• 釋放記憶體

  CollectGarbage();

• 禁止右鍵

  document.oncontextmenu = function() { return false;}

• 禁止儲存

  <noscript><iframe src="*.htm"></iframe></noscript>

• 禁止選取<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>

• 禁止粘貼

  <input type=text οnpaste="return false">

• 位址欄圖示

  <link rel="Shortcut Icon" href="favicon.ico" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >

  favicon.ico 名字最好不變16*16的16色,放虛拟目錄根目錄下

• 收藏欄圖示

  <link rel="Bookmark" href="favicon.ico" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >

• 檢視源碼

  <input type=button value=檢視網頁源代碼 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">

• 關閉輸入法

  <input style="ime-mode:disabled">

• 自動全選

  <input type=text name=text1 value="123" οnfοcus="this.select()">

• ENTER鍵可以讓光标移到下一個輸入框

  <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">

• 文本框的預設值

  <input type=text value="123" οnfοcus="alert(this.defaultValue)">

• title換行

  obj.title = "123&#13sdfs&#32"

• 獲得時間所代表的微秒

  var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

• 視窗是否關閉

  win.closed

• checkbox扁平

  <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

• 擷取選中内容

  document.selection.createRange().duplicate().text

• 自動完成功能

  <input   type=text   autocomplete=on>打開該功能  

  <input   type=text   autocomplete=off>關閉該功能    

• 視窗最大化

  <body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

• 無關閉按鈕IE

  window.open("aa.htm", "meizz", "fullscreen=7");

• 統一編碼/解碼

  alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))

  encodeURIComponent對":"、"/"、";" 和 "?"也編碼

• 表格行訓示

  <tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">