首页 > 代码库 > javascript学习笔记

javascript学习笔记

2024-07-19 23:12:57   223人阅读

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=http://www.mamicode.com/c> 

这个计时的方法，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=http://www.mamicode.com/"开始计时！" >> 

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


联系
我们