课程 \
JavaScript进阶篇
2-13 编程练习
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS基础</title>
<script type="text/javascript">
var a,b,sum;
var a = 5;
var b = 100%7;
sum = a > b && a*b > 0 ;
document.write( "我认为 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + 1+"<br/>");
document.write( "答案是,第一轮计算后，a 为："+ a +";b为："+b +";第一次计算sum为："+ sum +"<br/>");
sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;
document.write( "再一次计算后，我认为 a 的值是:" + ? + " b的值是:" + ? + "sum 的值是:" + ? +"<br/>");
document.write( "答案是，第二轮计算后，a 为：" + a + ";b为：" + b +";第二次计算sum为："+ sum +",sum的类型也发生变化了。");
</script>
</head>
<body>
</body>
</html>
2018-01-01
查看完整代码
3-8 编程练习
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script type="text/javascript">
for(var i = 0;i<6;i++){
for(j=1;j<=i;j++){
document.write("*")
}
document.write("<br/>")
}
</script>
</head>
<body>
</body>
</html>
2018-01-01
查看完整代码
4-5 重复重复（for循环）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>if...else</title>
<script type="text/JavaScript">
var mymoney,sum=0;//mymoney变量存放不同面值，sum总计
for(mymoney=1; mymoney<=10 ; mymoney++)
{
sum= sum + mymoney;
}
document.write("sum合计:"+sum);
</script>
</head>
<body>
</body>
</html>
2018-01-01
查看完整代码
5-5 返回值的函数
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函数</title>
<script type="text/javascript">
function app2(x,y)
{ var sum,x,y;
sum = x * y;
return sum
}
var req1 = app2(5,6);
var req2 = app2(2,3);
var sumq = req1 + req2
document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"与"+req2+"和:"+sumq);
</script>
</head>
<body>
</body>
</html>
2018-01-01
查看完整代码
5-6 编程练习
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
<script type="text/javascript">
function aa(x,y){
var max = x>y?x:y
return max
}
//函数体，判断两个整数比较的三种情况
//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:" +aa(5,4)+"<br>");
document.write(" 6 和 3 的较大值是:" +aa(6,3));
</script>
</head>
<body>
</body>
</html>
2018-01-01
查看完整代码
6-2 鼠标单击事件( onclick ）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单击事件 </title>
<script type="text/javascript">
function openwin(){
window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
<form>
<input name="点击我" type="button" onclick="openwin()" value="点击我"/>
</form>
</body>
</html>
2018-01-02
查看完整代码
6-3 鼠标经过事件（onmouseover）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function message(){
confirm("请输入密码后，再单击确定!"); }
</script>
</head>
<body>
<form>
密码:<input name="password" onmouseover="message()" type="password" >
<input name="确定" type="button" value="确定"/>
</form>
</body>
</html>
2018-01-02
查看完整代码
6-7 内容选中事件（onselect）
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 内容选中事件 </title>
<script type="text/javascript">
function message(){
alert("您触发了选中事件！"); }
</script>
</head>
<body>
<form>
个人简介：<br>
<textarea name="summary" cols="60" onselect="message()" rows="5">请写入个人简介，不少于200字！</textarea>
</form>
</body>
</html>
2018-01-02
查看完整代码
7-4 返回星期方法
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得星期</title>
<script type="text/javascript">
var mydate=new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
document.write("今天是：" + weekday[mydate.getDay()]);
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-6 String 字符串对象
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var message="I love JavaScript!";
var mychar= message.toLowerCase() ;
document.write("字符串为："+mychar+"<br>");
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-7 返回指定位置的字符
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1) );
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-16 随机数 random()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math </title>
<script type="text/javascript">
document.write(Math.round(Math.random()));
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-18 数组连接concat()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
var myarr1= new Array("010")
var myarr2= new Array("-","84697581");
var mya3=myarr1.concat(myarr2);
document.write(mya3);
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-19 指定分隔符连接数组元素join()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
var myarr1= new Array("86","010")
var myarr2= new Array("84697581");
var myarr3= myarr1.concat(myarr2);
document.write(myarr3.join("-"));
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-20 颠倒数组元素顺序reverse()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
var myarr1= ["我","爱","你"];
document.write(myarr1.reverse())
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
7-21 选定元素slice()
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
var myarr1= ["我","爱","你"];
document.write(myarr1.slice(1,2));
</script>
</head>
<body>
</body>
</html>
2018-01-02
查看完整代码
首页上一页123下一页尾页