JavaScript学习笔记(五)
1.在HTML中使用<script>元素引入JavaScript。
该元素有两个属性,language声明要使用的脚本语言,src属性是可选的,用于引用外部JavaScript文件。
NB
:现在大多使用type属性(type=“text/javascript”)替代language属性,以便更好地支持XHTML(可扩展HTML)。
2.一般认为,大量的JavaScript代码不应内嵌在HTML文件中,原因如下:
安全性:使用外部引用可以在用户查看页面源代码时隐藏javas代码
代码维护:把所有JavaScript文件放在一个目录中更容易维护
缓存:对外部JavaScript文件的复用减小了页面大小,加快了缓存速度
3.一般说来,所有JavaScript代码都在<head>元素中。唯一该出现在<body>元素中的是调用前面定义的函数,但不建议这种调用方式。在<body>元素中只建议使用事件处理函数。
4.HTML中的<noscript>元素中的内容,对于支持或启用JavaScript的浏览器会忽略,而不支持或禁用JavaScript的浏览器则显示。
所以用<noscript>元素显示JavaScript不能用时应该显示的内容,是一种很好的方法。
5.对于XHTML,不能直接使用特殊字符如"<",">","&"。因此,为了增强JavaScript代码的可读性,应使用CDATA段:
<script type="text/javascript">
//<![CDATA[ //这里加双斜杠将CDATA段注释起来是原因是并不是所有浏览器都支持XHTML
……………… //JavaScript代码
//]]>
</script>
NB
:为避免CDATA问题,最好还是用外部文件方式引入JavaScript代码。
6.BOM
window对象是整个BOM的核心。
window对象表示整个浏览器窗口,但不必表示其中包含的内容(这主要由document负责)。
alert()方法即属于window对象。
confirm()方法:弹出一个有“ok”和“cancel”两个选项的对话框,如果选择“ok”,则confirm()返回true,否则返回false。
prompt()方法:弹出一个可以输入文本的对话框。
相关文档:
1.如何获取表单<select>域的选择部分的文本?
<form name="a">
<select name="a" size="1" onchange="_sel(this)">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
< ......
navigator对象主要用于检测浏览器的版本,该对象的属性主要有:
appcodeName:
appVersion
.....
JavaScript中保留字。。。
转换函数eval("12.34*12")
parseInt()
parseFloat();
join() 把一个数组的所有元素都转换成字符串
reverse()颠倒数组
sort排序
concat()
slice()
splice()
push()
pop()
toString() ......
//显示当前时间----------------------------------------------------------
<SCRIPT language="javascript" type="text/javascript" >
function reloop(){
var time = new Date( ); //获得当前时间
//获得年、月、日,Date()函数中的月份是从0-11计算
var year = time.getFullYear ......
Primitive types
1. undefined, null, boolean, number, string; undefined is derived from null.
e.g. var tmp; typeof tmp == undefined.
e.g. void(javascript:aler(‘x’)) == undefined.
e.g. undefined==null
2. NaN!=NaN isNaN(“123”)==false isNaN(“blue”)==true ......
判断(value)是否是一个数字,假如值是NaN那么IsNan返回TRUE,否则返回FALSE。
还有一种办法,变量可以与它自身进行比较。 假如比较的结果不等,那么它就是 NaN 。
这是因为 NaN 是唯一与自身不等的值。
第一种方法:
<html>
<head>
<title>简单计算器的制作</title>
</ ......