时间:2021-05-26
在今天写一个canvas的小程序时,才发现这两者是不一样的。
直接用alert()来显示这两个方法倒底获得的是什么。代码如下:
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jb51</title>
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
</head>
<body>
<div class="warp">
<canvas id="jb51"></canvas>
</div>
<script>
var canvas_jb51=$("#jb51");
alert(canvas_jb51);
alert(document.getElementById("jb51"));
var jb51_2d=canvas_jb51.getContext("2d");
var jb51_img=new Image();
jb51_img.src="images/Boston-III-48px.png";
jb51_2d.drawImage(jb51_img,0,0);
</script>
</body>
</html>
两个alert()分别显示为:[object Object]和[object HTMLCanvasElement]。从这里,不难看出,$("#jb51")并没有像我预想的那样。再用firebug调试看一下,
$("#jb51")和document.getElementById("jb51")倒底是什么内容。调试结果如下:
复制代码 代码如下:
$("#jb51") [canvas#jb51]
document.getElementById("jb51") canvas#jb51
想必,看到这里,不用我说,大家也会想到结果了。
实际上,$("#jb51")[0]等同于 document.getElementById("jb51")
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用技术:JS+CSS3浏览器支持:IE9,FireFox,Chrome效果图:源码分享:NewDocumentvarinputName="JB51";//输入
使用此代码可以顺利解析人人连接网站POST获取的数据。复制代码代码如下:$json_string='{"id":1,"name":"jb51","email":
复制代码代码如下:@ECHOOFFifnotexist".\jb51.exe"GOTOENDmove".\jb51.exe""%temp%\jb51.exe"s
例如下面我要根据[jb51.net]分割的话复制代码代码如下:stringstr="reterry[jb51.net]是[jb51.net]的站长";strin
self.status="jb51.net";