码迷,mamicode.com
首页 > 编程语言 > 详细

javascript学习笔记

时间:2014-08-28 11:41:20      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   java   使用   io   for   ar   art   

1、webstrom感觉还是很不错的,有自己的本地调试也支持启动浏览器再调试。如果有Ajax方法的话,也能运行。
之前如果是有Ajax方法,直接使用文本编辑器,再用浏览器打开的这种方式是不行的,通常我都会在Eclipse里面发布web项目再调试Ajax。
2、有可以参考的文档,在structure里面,罗列出了ECMAScript,ECMAScript5提供的APi。这样可以不用每次在去查文档,
其实我也是希望自己能写一个程序,执行后能自动罗列出本地全部的方法的。
另外还有自动抽取出css的功能。
3、webstrom自动格式化以后需要删除空格,不然压缩的js就变成了没压缩的了,如果是像chrome一样,有一个模拟的格式化,并不是真的添加了空格就好了。
4、昨天写javascript的时候(http://www.w3school.com.cn/tiy/t.asp?f=jseg_timing_stop)

<head>
<!-- lang: html -->
<script type="text/javascript">
<!-- lang: html -->
var c=0
<!-- lang: html -->
var t
<!-- lang: html -->
function timedCount()
<!-- lang: html -->
{
<!-- lang: html -->
document.getElementById(‘txt‘).value=c
<!-- lang: html -->
c=c+1
<!-- lang: html -->
t=setTimeout("timedCount()",1000)
<!-- lang: html -->
}
<!-- lang: html -->

<!-- lang: html -->
function stopCount()
<!-- lang: html -->
{
<!-- lang: html -->
c=0;
<!-- lang: html -->
setTimeout("document.getElementById(‘txt‘).value=0",0);
<!-- lang: html -->
clearTimeout(t);
<!-- lang: html -->
}
<!-- lang: html -->
</script>
<!-- lang: html -->
</head>

这个计时的方法,timedCount都不能改成其它的,我以为只要有setTimeout就可以了,外面的函数自己命名,但是不是这样的。虽然不是很理解,但是知道了应该这么使用。

5、感觉有点奇怪的时候脚本写在body里面与写在head里面也有差别

<!DOCTYPE html>
<!-- lang: html -->
<html>
<!-- lang: html -->
<head>
<!-- lang: html -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- lang: html -->
</head>
<!-- lang: html -->
<body >
<!-- lang: html -->
<form >
<!-- lang: html -->
<div id="test" class="mod-spm" style="background-color:#00ff00;height:400px;width:400px" >
<!-- lang: html -->
<div></div>
<!-- lang: html -->
<div></div>
<!-- lang: html -->
</div>
<!-- lang: html -->
<input type="button" value="开始计时!" >
<!-- lang: html -->
<input type="text" id="txt">
<!-- lang: html -->
</form>
<!-- lang: html -->
<script type="text/javascript">
<!-- lang: html -->
var i = 0;
<!-- lang: html -->
var t;
<!-- lang: html -->
//debugger;
<!-- lang: html -->
document.getElementById("test").onmouseover=function(){timedCount()};
<!-- lang: html -->
document.getElementById("test").onmouseout=function(){stopCount()};
<!-- lang: html -->

<!-- lang: html -->
function timedCount()
<!-- lang: html -->
{
<!-- lang: html -->
document.getElementById(‘txt‘).value=i;
<!-- lang: html -->
i=i+1;
<!-- lang: html -->
t=setTimeout("timedCount()",1000);
<!-- lang: html -->
};
<!-- lang: html -->

<!-- lang: html -->
function stopCount(){
<!-- lang: html -->
    clearTimeout(t);
<!-- lang: html -->
};
<!-- lang: html -->

<!-- lang: html -->
</script>
<!-- lang: html -->
</body>
<!-- lang: html -->
</html>

上面的这段javascript代码,我把它写在body里面能运行,但是写在head里面就会提示null,(在chrome上调试)
那么script放在head与放在body里面到底有什么不同呢?有没有什么办法可以弥补呢?

javascript学习笔记

标签:style   http   color   java   使用   io   for   ar   art   

原文地址:http://my.oschina.net/u/933915/blog/307492

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!