複製代碼代碼如下：
<％@ page語言=“ java” import =“ java.util。*” pageencoding =“ utf-8”％>
<％
字符串路徑= request.getContextPath（）;
字符串basepath = request.getScheme（） +“：//”
+ request.getServername（） +“：” + request.getServerport（）
+路徑 +“/”;
％>
<！ doctype html公共” - // W3C // DTD HTML 4.01 Transitional // en>
<html>
<頭>
<base href =“ <％= basepath％>”>
<title>我的JSP'createElement.jsp'啟動頁</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 =“關鍵字” content =“ keyword1，keyword2，keyword3”>
<meta http-equiv =“描述” content =“這是我的頁面”>
<腳本類型=“ text/javascript”
src =“ <％= request.getContextPath（）％>/jquery/jquery-1.7.min.js”> </script>
<腳本類型=“ text/javascript”>
$（function（）{
$（“＃但是”）。單擊（function（）{
var para = document.createelement（“ p”）;
var node = document.createTextNode（“這是新段落。”）;
para.appendchild（node）;
var element = document.getElementById（“ div1”）;
Element.AppendChild（Para）;
}））
}））
</script>
</head>
<身體>
<div id =“ div1”>
<p id =“ p1”>
這是一個段落。
</p>
<p id =“ p2”>
這是另一個段落。
</p>
</div>
<input type =“ button” id =“但是” value =“添加”>
</body>
</html>