看视频后的javascript_基础

英昌知识汇聚馆 2011-11-21

展开全文

1、 javascript是一种弱变量类型的语言

区分大小写

注释与java代码一样

每行结尾的分号可有可无，没有写分号时，浏览器会自动给加上

定义变量时可以加上关键字var(variable的缩写)，也可以不加。变量名的首字符必须是字母(大小写均可)、下划线、或美元符号

3、如果是引用外部.js文件，则在.js文件中不能再使用<script></script>的标签对

4、数字与字符品相加，结果为字符串

5、<scripttype=”text/javascript”>

vara=15;

varb=”15”;

//判断值是否相等

alert(a==b);//true

//判断值和类型是否相等，即全等。

alert(a===b);//false

</script>

6、javascript的函数很灵活，参数无需声明类型。参数不一致也可以调用。没有参数，则返回undefine值

7、javascript函数内部有一个默认的数组对象arguments.可以获得形式参数的值

8、javascript中，类就是函数，函数就是类

9、window对象代表当前浏览器窗口。在javascript中定义的函数和变量，都是属于window对象的属性，而函数内部定义的函数或变量，是不属于window对象的属性的。

window.opener表示调用父窗口的对象

10、用来替换某个容器元素内部的内容:

function fillContent(){

var v=document.getElementById(“prop”).value;

var contentDiv=document.getElementById(“content”);

contentDiv.innerHTML=”<fontcolor=’red’>”+v+”</font>”;

}

</script>

<body>

</div>

</body>

11、返回到上一页：

在链接中有javascript有两种办法

fucnction gotoback(){

window.history.back();

}

</script>

<body>

</body>

12、刷新当前页面(相当于F5的功能)：

function refreshCurrnetPage(){

//相当于点击刷新按钮

window.location.reload();

}

</script>

<body>

var now=new Date();

//将某些内容写入到当前文档中

document.write(“现在时间时：”+now);

</script>

<a href=”javascript:refreshCurrentPage()”>重新加载本页</a>

</body>

13、setTimeout():指定的毫秒数后再开始调用某函数

/**

以下两段函数的功能一样，只是在写法上有一点差别。

var i=1;

function writeit(){

alert(i++);

}

function callIt(){

//需要过2秒才会调用writeit()函数

setTimeout(“writeit()”,2000);

}

</script>

-------------------------------------

vari=1;

function writeit(){

alert(i++);

}

function callIt(){

//需要过2秒才会调用writeit()函数

setTimeout(writeit,2000);

}

</script>

setInterval():按照指定的毫秒数周期性地调用函数。将上面两段代码中的setTimeout换成setInterval看看效果！

javascript应用：实现复选框全选/全不选切换

<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换