JQuery Development Tools

• Tools for Firefox
  
  • Firequery
  • Firebug
  • Web Developer Toolbar
  • Venkmen
• Tools for Internet Explorer
  
  • Microsoft Internet Explorer Developer Toolbar
  • Microsoft Visual Web Developer
  • DebugBar
• Tools for Safari
  
  • Develop Menu (Available in Preferences menu item -> Advance Tab)
  • Web Inspector
• Tools for Google Chrome
  
  • Web Developer
  • Firebug Lite
  • Chrome Editor
  • Pendule
  • jsshell

You can also test your code online on jsbin.

WINDOWS CLOSE 直接關閉

如果不想出現詢問框直接關閉的話，可以參考下面的code

1 2 3

<script> window.opener=null;window.open('','_self');window.close(); </script>

Show/Hide div 區塊顯示隱藏

Show/Hide div 區塊顯示隱藏 CSS HTML JavaScript 在 </head> 前貼上以下 Code

<script> 
  function switchDisplay(item) { 
  var TargetArea = document.getElementById(item); 
  TargetArea.style.display = (TargetArea.style.display == 'block'?'none':'block'); 
} 
</script>

連結寫法如下
<a href="javascript:;" onclick="switchDisplay('DIV1');">Show/Hide 顯示/隱藏</a>

要隱藏/顯示的區塊寫法如下 <DIV id="DIV1" style="display: none;"> Content 內容 </DIV>
說明 一個連結對應一個區塊，綠色字的部份要互相對應到，若有多個區塊就直接另外命名，如：DIV2、DIV3 或是其他英文名稱皆可。(apple、orange……等等請隨意) 藍色字就是在網頁上顯示的部份，可自行變更內容。

文章分類標籤