JavaScript进阶篇_学习笔记

首页免费课 JavaScript进阶篇笔记

JavaScript进阶篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36954
免费课程
                                
JavaScript入门篇 
入门·739835
免费课程
                                
                难度入门
            
                时长 8小时55分
            
                学习人数
            
综合评分9.47
                            2557人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.3
                                逻辑清晰

最热最新

weixin_慕先生5373785

<!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" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
</form>
</body>
</html>

查看全部

0 采集收起来源：内容选中事件（onselect）
2020-05-27
weixin_慕先生5373785

<!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>
用户:<input name="username" type="text" value="请输入用户名！" onblur="message()">
密码:<input name="password" type="text" value="请输入密码！" >
</form>
</body>
</html>

查看全部

0 采集收起来源：失焦事件（onblur）
2020-05-27
慕UI9022529

编程练习在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。学生信息如下： ('小A','女',21,'大一'), ('小B','男',23,'大三'), ('小C','男',24,'大四'), ('小D','女',21,'大一'), ('小E','女',22,'大四'), ('小F','男',21,'大一'), ('小G','女',22,'大二'), ('小H','女',20,'大三'), ('小I','女',20,'大一'), ('小J','男',20,'大三')

查看全部

0 采集收起来源：编程练习
2020-05-27
panin9231000

创建文本节点createTextNode
方法创建新的文本节点,返回新创建的Text节点
document.createTextNode(data);
data:字符串值,可规定此节点的文本
var p = document.createElement("p");
p.className = "message";
var node = document.createTextNode("I love javascript");
p.appendChild(node);
document.body.appendChild(p);

message为类名,在head中style设置

查看全部

0 采集收起来源：创建文本节点createTextNode
2020-05-26
panin9231000

创建文本节点createElement
方法可创建元素节点.此方法可返回一个Element对象
var main = document.body;
function createa(url,text)
{
    var a = document.creatElement("a");
    a.href = url;
    a.innerHTML = text;
    a.style.color = "red";
    main.appendChild(a);
}
createa("https://www.baidu.com","度娘");

查看全部

0 采集收起来源：创建元素节点createElement
2020-05-26
慕哥3037575

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>while</title>
<script type="text/javascript">
var mynum =1;//mynum初值化数值为1
while(mynum<=5;)
{
document.write("数字:"+mynum);
mynum=mynum+1;
}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：反反复复(while循环)
2020-05-26
WE_Xing
```
document.getElementsByName(name)
```
1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。
查看全部

0 采集收起来源：getElementsByName()方法
2020-05-26
weixin_慕先生5373785

<!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" type="password" >
<input name="确定" type="button" value="确定" onmouseover="message()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2020-05-26
weixin_慕先生5373785

<!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" value="点击我" onclick="openwin()"/>
</form>
</body>
</html>

查看全部

0 采集收起来源：鼠标单击事件( onclick ）
2020-05-26
weixin_慕先生5373785

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>

<script type="text/javascript">
function compare(a,b){
if(a>b){
return a;
}
else if(a<b){
return b;
}
else {
return "俩数相等";
}
}
//定义函数

//函数体，判断两个整数比较的三种情况

//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:"+compare(5,4)+"<br/>");
document.write(" 6 和 3 的较大值是:"+compare(6,3)+"<br/>");
document.write("10和10的较大值是:"+compare(10,10));

</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：编程练习
2020-05-26
weixin_慕先生5373785

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定义函数</title>
<script type="text/javascript">
function sub2() //定义函数
{
sub=5-2;
alert("5和2的差为:"+sub);
}
</script>
</head>
<body>
<form>
<input type="button" value="点击我" onclick="sub2()" />
</form>
</body>
</html>

查看全部

0 采集收起来源：定义函数
2020-05-26
慕容8334558

比较操作得到布尔值，可以用于赋值、输出（true/false）

查看全部

0 采集收起来源：较量较量(比较操作符)
2020-05-26
weixin_慕先生5373785

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>break</title>
<script type="text/JavaScript">
var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
var i=0;
while(i<mynum.length)
{
if(mynum[i]<60)
{
document.write("成绩"+mynum[i]+"不及格，不用循环了"+"<br>");
break;
}
document.write("成绩:"+mynum[i]+"及格，继续循环"+"<br>");
i=i+1;

}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：继续循环continue
2020-05-26
weixin_慕先生5373785

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>break</title>
<script type="text/JavaScript">
var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值
var i=0;
while(i<mynum.length)
{
if(mynum[i]<60)
{
document.write("成绩"+mynum[i]+"不及格，不用循环了"+"<br>");
break;
}
document.write("成绩:"+mynum[i]+"及格，继续循环"+"<br>");
i=i+1;

}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：退出循环break
2020-05-26
weixin_慕先生5373785

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>do...while</title>
<script type="text/javascript">
var mynum =6;//mynum初值化数值为6
do
{
document.write("数字:"+mynum+"<br/>");
mynum=mynum-1;
}
while(mynum>=1 )
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：来来回回(Do...while循环)
2020-05-26
weixin_慕先生5373785

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>while</title>
<script type="text/javascript">
var mynum =1;//mynum初值化数值为1
while(mynum<=5)
{
document.write("数字:"+mynum);
mynum=mynum+1;
}
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：反反复复(while循环)
2020-05-26

首页上一页 128 129 130 131 132 133 134 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

微信扫码，参与3人拼团

热搜

最近搜索清空

JavaScript进阶篇