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、用来替换某个容器元素内部的内容:
<script type=”text/javascript”>
function fillContent(){
var v=document.getElementById(“prop”).value;
var contentDiv=document.getElementById(“content”);
contentDiv.innerHTML=”<fontcolor=’red’>”+v+”</font>”;
}
</script>
<body>
<div id=”content”>
</div>
<input type=”text” id=”prop”></input>
<button onclick=”fillContent()”>点击我</button>
</body>
11、返回到上一页:
在链接中有javascript有两种办法
<a href=”javascript:functionName()”></a>
<a href=”#” onclick=”functionName()”></a>
<script>
fucnction gotoback(){
window.history.back();
}
</script>
<body>
<ahref=”javascript:gotoback()”>回退</a>
</body>
12、刷新当前页面(相当于F5的功能):
<script type=”text/javascript”>
function refreshCurrnetPage(){
//相当于点击刷新按钮
window.location.reload();
}
</script>
<body>
<script type=”text/javascript”>
var now=new Date();
//将某些内容写入到当前文档中
document.write(“现在时间时:”+now);
</script>
<a href=”javascript:refreshCurrentPage()”>重新加载本页</a>
</body>
13、setTimeout():指定的毫秒数后再开始调用某函数
/**
以下两段函数的功能一样,只是在写法上有一点差别。
*/
<script type=”text/javascript”>
var i=1;
functionwriteit(){
alert(i++);
}
function callIt(){
//需要过2秒才会调用writeit()函数
setTimeout(“writeit()”,2000);
}
</script>
<body onload=”callIt()”></body>
-------------------------------------
<script type=”text/javascript”>
vari=1;
function writeit(){
alert(i++);
}
function callIt(){
//需要过2秒才会调用writeit()函数
setTimeout(writeit,2000);
}
</script>
<body onload=”callIt()”></body>
setInterval():按照指定的毫秒数周期性地调用函数。将上面两段代码中的setTimeout换成setInterval看看效果!
<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')">全选与不全选的切换
<script language=Javascript>
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
if(!aa[i].checked) return;
all.checked = true;
}
}
</script>
ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)
联系客服