您的位置:首页 > Web前端 > JavaScript

Js

2014-02-26 14:15 204 查看
var r=confirm("Press a button!");if (r==true){alert("You pressed OK!");}else{ alert("You pressed Cancel!");}

document.write(arr.sort(sortNumber))

var person={fname:"Bill",lname:"Gates",age:56};for (x in person){txt=txt + person[x];}

para.appendChild(node);

document.getElementById("myBtn").onclick=function(){displayDate();}

document.getElementById("p2").style.color="blue";

document.getElementById("demo").innerHTML=new Date().getHours();

1 function里面有function,方法当作变量用http://www.w3school.com.cn/tiy/t.asp?f=js_create_object3

1 点击更换图片或者颜色或者其他

<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>
</html>(因为匹配不到bulboff所以就else更换了图片,更换后就符合if再点击就会再换。)

2 请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:文档加载后的意思是显示出来了页面再点击click事件中有document.write

3 数组

var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";

4 返回值函数没有void或者类型

function myFunction()
{
var x=5;
return x;

}整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。

5 break 跳出循环继续执行后边的代码

continue 继续执行循环代码,后边代码忽略一次。

continue 语句(带有或不带标签引用)只能用在循环中。

break 语句(不带标签引用),只能用在循环或 switch 中。

通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:("list:"为js标签)

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
</script>

</body>
</html>

结果: BMW
Volvo
Saab

6 try throw catch

try 语句允许我们定义在执行时进行错误测试的代码块。(一般是语法错误)

throw 一般是条件错误

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

例子 http://www.w3school.com.cn/js/js_errors.asp

7 with(参数) 后边跟函数体{}

<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: