这段HTML5和JS代码运行不出来，哪位大神帮帮忙指点一下，谢谢。
<!doctype html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title>sljfslfjsjf</title>
<script src = "modernizr.js"></script>
<script type = "text/javascript">
window.addEventListener("load", eventWindowLoaded, false);
var Debugger = function(){ };
Debugger.log = function(message) {
try{
console.log(message);
}
catch(exception){
return;
}
}
function eventWindowLoaded(){
canvasApp();
}
function canvasSupport(){
return Modernizr.canvas;
}
function canvasApp(){
if (!canvasSupport()){
return;
}
var theCanvas = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
Debugger.log("Drawing Canvas");
function drawScreen(){
context.fillStyle = "red";
context.fillRect(0,0,500,300);
context.fillStyle = "red";
context.font = "20px Sans-Serif";
context.textBaseline = "top";
context.fillText ("hello", 195, 80);
}
drawScreen();
}
</script>
</head>
<body>
<div style = "position: absolute; top: 50px; left: 50px;">
<canvas id = "canvasOne" width ="500" height = "300">
your brow
</canvas>
</div>
</body>
</html>
看不到你的 modernizr.js 文件。
仅以你贴出的代码而言，修正后的代码如下，已测试，可在支持 canvas 的浏览器上运行：
<!doctype html><html lang = "en">
<head>
<meta charset = "UTF-8">
<title>demo by hutia</title>
<script type = "text/javascript">
window.onload = eventWindowLoaded;
var Debugger = function(){ };
Debugger.log = function(message) {
try {
console.log(message);
} catch(exception){
return;
}
}
function eventWindowLoaded(){
canvasApp();
}
function canvasSupport(){
return true;
}
function canvasApp(){
if (!canvasSupport()){
return;
}
var theCanvas = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
Debugger.log("Drawing Canvas");
function drawScreen(){
context.fillStyle = "red";
context.fillRect(0,0,500,300);
context.fillStyle = "red";
context.font = "20px Sans-Serif";
context.textBaseline = "top";
context.fillStyle = "white";
context.fillText ("hello world", 195, 80);
}
drawScreen();
}
</script>
</head>
<body>
<div style="position: absolute; top: 50px; left: 50px;">
<canvas id="canvasOne" width="500" height="300">
your browser do not support canvas
</canvas>
</div>
</body>
</html>
以上，请采纳，请给分。
html5问题,修改之后运行不了,提示javascript错误
你改了什么呢?如果开始正常的,你改了以后才不正常,你就反过来,逐一排除就知道你改的什么地方有误了
手机切换到后台h5页面js不运行
解法是，在hidden时记录当前时间，在visible时用当前时间减去之前记录的时间就为当前倒计时需要减去的时间，这也就不需要和后台沟通了，或者你直接在visible时刷新页面也行，下面是小样，你测试一下 var b=getTime();function getTime(){ return Date.now();} document.addEventListener('webkitvisibilitych...
急!!在线求助!!关于HTML5视频代码编写的问题
<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><meta http-equiv="Content-Type" content="text\/html; charset=gbk" \/><title>baidu media player<\/title><styl...
HTML5简单进度条代码,JS中总是报错不能设置null的innerHTML,代码如下...
两种改法：要么把你引入的 script 标签，放到 body 的底下；要么把你的 JS 代码用 window.onload = function () { ... } 括起来。原因很简单，HTML 从上至下加载、JS 从上至下执行。由于你的 JS 文件先于 <div id='fill'> 被加载进来且执行，当执行到 var fill = document.getElementById...
android嵌入html5 不能运行js代码
webview.getSettings().setJavascriptEnable(true);
您好,我在网上下载的html5模版,打开网页速度很慢,要等将近一分钟才会弹...
因为网页模板里用的CSS文件或者JS文件（尤其是JQUERY）很可能不是本地文件。如果这个文件地址的服务器有障碍，那文件半天加载不上，页面也就无法打开，即便打开也是混乱的。
为什么这JS代码,问题出在哪里啊?求大牛指点!
但是使用JavaScript试图限制输入框的接受字符范围是不靠谱的，你自己说的用中文输入法就是破解方法之一，另外复制粘贴也可以。可以说JS对这个问题无解。一种间接的解法是，在提交数据的时候检查一下输入框里的内容，如果包含非数字则阻止提交。很奇怪的是，众望所归的HTML5标准也没有给这个问题给出直接的...
怎么运行 html5游戏的源代码?
运行HTML5游戏，需要一个支持HTML5的网页浏览器，比如IE10或11，google的chrome浏览器，火狐firefox，百度浏览器，或者QQ浏览器，猎豹浏览器等CHROME内核的浏览器。下载的HTML5游戏文件解压后，文件夹中会有一个后缀为html或者htm的文件，应该是在根目录下一般以index.html命名。其他文件可能有js后缀，css...
如何处理html5新标签的浏览器兼容问题
只需要在你的head中调用这段代码就行:<!--if lt IE 9]> <script src="http:\/\/html5shiv.googlecode.com\/svn\/trunk\/html5.js"><\/script> <![endif]-->当然你也可以直接把这个文件下载到自己的网站上。但这个文件必须在head标签中调用,因为IE必须在元素解析这前知道这些元素,才能启作用!但马海祥还要提醒你...
hprose for javascript与for html5 有什么不一样
html5是前端控制显示的代码，即在浏览器中打开一个网站，查看源代码，可以看到的内容javascript通常来说是穿插在html5中用以控制数据和显示效果的脚本（因为js也可以用作其它用途，所以这里说通常来说），查看源代码中script标签内的代码，以及script标签指向的js文件综上，两个都是最终需要输出给浏览器端...
