HTML/jsp/js(jquery)

1566 ワード
jquery 
 html/jsp/js/jquery

1.htmlは静的なページで、ブラウザ解析(つまりサーバを開く必要がなく実行できる)はjavaコードを書くことができません
2.jspはダイナミックページで、webコンテナ解析(つまりサーバを開いて実行しなければならない)はjavaコードを書くことができます.
3.jsコードはhtmlに存在し、jsはweb動作を制御し、htmlはweb構造を制御する
js: 
<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

 jquery: 
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>

<body>
<p>If you click on me, I will disappear.</p>
</body>

</html>

  
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

  jsp:
【Rails】Viewにモデルのデータ一覧が表示されるバグとその対処法
HTML記述項タグ