在看书的时候,遇到的一些需要注意的地方,记录下来。
1、 window.onload = function;
当窗口完成加载时,运行function函数。注意,没有括号,不是在窗口未完成加载时执行函数。
2、 一个页面上,一个元素的id是唯一的,所以说,一般使用document.getElementById(“xxx”)来获取一个元素。
3、 带圆括号的函数名意味着正在调用这个函数;如果没有圆括号,就是将它赋值给事件处理程序,以便在此事件发生的时候运行它。
4、 confirm("Are you sure") ? alert("You sad yes"):alert("No");//一个常用的确定语句。
5、 var ans;
(ans = prompt("What's theanswer?","answer")) ? alert("Your answer:" + ans):alert("No");
常用来处理用户的输入。向用户提问。
Prompt()的第二个参数,如果省略,在一些浏览器中会显示为“undefined”,在一些浏览器为则会正常显示为一个空的输入框。
6、 有一些大的页面,加载的内容很多,有时候一个元素还没有加载下来,而js中有对其进行操作的动作的话,会出错。所以,一般情况下,使用onload函数来确定在页面加载完成之后再执行一些动作。
7、 无干扰脚本编程,它将代码与html分开,从而使两者都很灵活。如果代码编写好之后,没有javascript的支持的访问者,也能够使用站点的所有功能。
8、 Javascript是ECMAScript语言标准的实现,Adobe ActionScript是该标准的另外一种实现。
9、 Switch语句可以传递字符串之外的其它值。
10、 try{
//dosomething
thrownew Error("Not a valid num.");
//dosomething
}catch(err){
alert(err.message);
}
//常用的异常处理语句。
11、 对象探测,在实际开发中是非常有必要的。要知道浏览器是否对此对象有100%的支持,不要想当然的认为浏览器可以处理它。一个例子:
if(document.getElementById){
//do something
}else{
//do something
}
除了对象探测,还有浏览器探测,浏览器所支持的javascript版本的探测。但这都不是好方法。像safari故意声称它是mozilla浏览器。
12、 通过设置函数的return = false;使得javascript让页面不再向服务器请求整个页面。这正是ajax的特色啊!
13、 事件处理,点击后如何获得触发事件的对象?ie和其它的浏览器不一样。如下:
if(evt){//非IE类浏览器
varthisElem = evt.target;
}
else{//IE类浏览器
var thisElem= window.event.srcElement;
}
14、 创建翻转器的方法有二。第一种是设定onmouseover和onmouseout事件,使之加载图像。这种方法不推荐使用。另一种是先加载图像,在onmouseover和onmouseout事件发生的时候,处理变换。
15、 Document.images,是一个数组,存储了页面中所有的image。它的长度是document.images.length,访问其中一个图像,是document.images[i]。
16、 document.images[i].parentNode.tagName,返回了包含图像结点的上一级结点的tagName,即标签名称。如<a href="next2.html"><imgsrc="images/button2_off.gif" width="113"height="33" border="0" alt="button2"id="button2" /></a>,返回的结果是:A。注意,是大写。又如document.images[i].tagName,的结果是IMG。TagName总是返回大写的值。
17、 在为翻转器准备图像的时候,要注意不要使用透明的图像,否则会透过透明的图像看到被替换掉的图像。
18、 为翻转器准备图像的时候,要注意原图像与替换图像的大小应该相同,否则,一些浏览器会为你重设大小,而调整后的结果,可能不堪设想。