自己用jquery寫的仿w3cschool的"試…

jsp頁面代碼

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'w3c.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script type="text/javascript" src="js/standard/jquery-1.9.1.js"></script>
 <script type="text/javascript" >

    $(document).ready(function(){
      $("#button1").click(function(){
        var a=$("#textarea1").text();
       $("#div1").html(a);
      });
 
     }
   );

</script>
 <style type="text/css">
  .d1{
   float: left;
  }
 </style>
  </head>
 
  <body>
   <form>
    <div><input type="button" id="button1" value="try it yourself"/>
      <div class="d1"><h1>下面輸入代碼</h1>
       <textarea id="textarea1" style="height:400px;width:600px"> </textarea>
       <br/>
       </div>
      
       <div class="d1"><h1>下面顯示</h1>
       <div id="div1"></div>
       </div>
      </div>
    </form>
  </body>
</html>

 

效果圖:(挺醜的,哈哈)

自己用jquery寫的仿w3cschool的"試一試"

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章