HTML5代碼未在JSP文件中運行

Question

我正在嘗試將對象拖放到HTML5畫布中。 當我從桌面將代碼作為.html文件運行時，它可以在瀏覽器中完美運行。 當我在.jsp文件中運行完全相同的代碼時，沒有任何輸出。.要在Web瀏覽器中顯示jsp文件的輸出，我使用JDeveloper 11.1.1.7.0作為IDE，使用Oracle weblogic服務器作為應用服務器。此版本的IDE是否支持HTML5？

我收到的另一個錯誤是“不期望元素畫布”

請幫忙..

.jsp文件中的代碼

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 <%@ page contentType="text/html;charset=UTF-8"%>
 <html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>floorplan</title>
<script type="javascript">

var canvas;
var ctx;
var x = 75;
var y = 50;
var WIDTH = 400;
var HEIGHT = 300;
var dragok = false;

function rect(x,y,w,h) {
ctx.beginPath();
ctx.rect(x,y,w,h);
ctx.closePath();
ctx.fill();
}

function clear() {
ctx.clearRect(0, 0, WIDTH, HEIGHT);
}

function init() {
canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d");
return setInterval(draw, 10);
}
function draw() {
clear();
ctx.fillStyle = "#FAF7F8";
rect(0, 0, WIDTH, HEIGHT);
ctx.fillStyle = "#444444";
rect(x - 15, y - 15, 30, 30);
}

 function myMove(e) {
if (dragok) {
    x = e.pageX - canvas.offsetLeft;
    y = e.pageY - canvas.offsetTop;
}
}

  function myDown(e) {
   if (e.pageX < x + 15 + canvas.offsetLeft && e.pageX > x - 15 + canvas.offsetLeft && e.pageY < y + 15 + canvas.offsetTop && e.pageY > y - 15 + canvas.offsetTop) {
    x = e.pageX - canvas.offsetLeft;
    y = e.pageY - canvas.offsetTop;
    dragok = true;
    canvas.onmousemove = myMove;
  }
 }

 function myUp() {
 dragok = false;
canvas.onmousemove = null;
}

 init();
 canvas.onmousedown = myDown;
 canvas.onmouseup = myUp;
 </script>
    </head>
    <body>
        <div>
             <canvas id="canvas" width="400" height="300">This text is displayed if your browser does not support HTML5 Canvas.</canvas>
         </div>
     </body>
 </html>

Answer 1

為什么使用doctype限制HTML4

在HTML5的文檔類型中單獨使用“ DOCTYPE HTML”。

HTML5代碼未在JSP文件中運行

問題描述

1 個解決方案

解決方案1
4 已采納 2014-07-23 06:43:21

HTML5代碼未在JSP文件中運行

問題描述

1 個解決方案

解決方案1 4 已采納 2014-07-23 06:43:21

解決方案1
4 已采納 2014-07-23 06:43:21