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;
}整个 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">
</script>
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>
相关文章推荐
- js中用数组对一些验证进行简单的封装
- 关于JS弹出新窗口
- JS控件替换,将 input、textarea、Select等控件替换成 span
- js实现导出excel(可以导出表格线)
- 请问怎么在一个ImageButton控件里面调用JS的函数
- FineReport报表工具内置JS的使用之一
- js获取屏幕宽度及操作
- JS 函数 大全
- js对输入用户名的限制
- 面向 Java 开发人员的 Node.js
- js常用正则表达式
- 用JS实现文字的滚动
- two ways of IIFE(immediately-invoked-function-expression)-JS
- js字符串转换成数字,数字转换成字符串
- jquery Pagination.js 实现分页程序
- Jquery基础(四) JS的Document属性和方法
- js 自运行
- scrapy + selenium 爬取js生成的网页元素
- js加载小细节