2016年7月20日 星期三

HTML和Javascript之間互相傳值

在一個JSP內,通常會用到HTML、Javascript和Java語言,而HTML和Javascript間會有需要傳遞數值資料的情況發生;雖然對於那些寫網頁的老手可能是基本中的基本,但對於我這個根本沒碰過寫網頁的外行人則是困難重重,所以這邊特別記錄一下好提醒往後的自己。
--------------------------------------------------------------------------------------------------------
HTML傳值到JavaScript內:
    HTML的寫法:
  1. <input type = "button" name = "test" value = "test" onclick = "showAlert( 'test' );">
    主要是用Function的方式夾帶數值過去

    JavaScript的寫法:
  1. <script type="text/javascript">
  2.  
  3. function showAlert( lockTime )
  4. {
  5.     alert( message );
  6. }
  7.  
  8. </script>
--------------------------------------------------------------------------------------------------------
JavaScript傳值到HTML內:
    JavaScript的寫法:
  1. <script type="text/javascript">
  2.  
  3. function showAlert()
  4. {
  5.     if( confirm( '你確定要傳送此數值嗎?' ) )
  6.     {
  7.         document.getElementById( 'dataID' ).value = 'Yes';
  8.     }
  9. }
  10.  
  11. </script>
    主要是使用document.getElementById().value來設定該指定id的value

    HTML的寫法:
  1. <input type = "hidden" name = "data" id = "dataID" value = "No">
    主要是設定id後,讓JavaScript可以依照先前找到的id,把新數值設定在value內

沒有留言:

張貼留言