Fork me on GitHub

Javascript学习笔记第一卷

正在学习前端的道路上,写点东西分享吧。

首先随便了解一下JS,用一个代码熟悉一下QAQ。

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!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>我们互动下</title>
<script type="text/javascript">
function jump()
{
var mymessage=confirm("来看chenlao女装啊");
if(mymessage==true)
{
document.write("%chenlao!");
}
else
{
document.write("= =!chenlao女装都不想看吗?");
}
}
</script>
</head>
<body>
<p id="con">js进阶篇</p>
<form>
<input type="button" onclick="jump()" value="点击进入" />
//通过点击按钮啦触发js,好玩的一比!
</form>
</body>
</html>

对js文件的外联式引入方法

在标签里面写个
然后就可以通过在外面通过 script.js对js文件进行读写并对其进行引入。
同样js的内联式也要注意

js里面的变量申明

var 变量名;
和c++里面的方式差不多。
比较方便的是JavaScript里面可以申明各种变量。一个var可以声明字符,字符串,数组,同时强制类型转换直接一个”=”就可以实现。

js里面的符号操作符

“+”不仅可以进行加和,还可以对2个字符串进行拼接。

1
2
3
4
5
<script type="text/javascript">
var num1="qaq";
var num2="emm";
document.write(num1+num2);
</script>

比较运算符,js里面的比较运算符和c++里面差不多但是c++里面表示的方法是0和1,js里面的则是”true”和”false”。
document.write是js里面的输出语言,可以在网页上直接输出结果。

js的一些常规操作

类似于java,js里面定义数组的方式是:

1
2
3
4
var myarr =new Array();//然后对该数组进行赋值就可以啦。这是个不定长数组的定义。
var qaq=new Array(n);//n代表的是这个数组的大小。
申明数组如果不对其进行复制的话,那么document.write(qaq[0]);结果会是undifined。
同样的是这里对数组可以进行任何类型的赋值。

数组的一些属性,比如myarray.length;可以获得该数组的长度。

1
2
var myarray=new Array(8);
document.write(myarray.length);//可以输出该数组的长度。类似于c++里面的a.size();

申明二维数组也可以采用类似方法。

1
2
3
4
5
6
7
8
9
var myarr=new Array();//先声明一维。
for(var i=0;i<2;i++)
{
myarr[i]=new Array();//在申明二维。
for(var j=0;j<3;j++)
{
myarr[i][j]=i+j;
}
}

if语句
if语句是基础条件成立才执行相应的代码。
例如:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var mycarrer="html";
if(mycarrer=="html")
{
document.write("congrations to you");
}
else
{
doucument.write("sorry,you are failed");
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/JavaScript">
var myage=99;
if(myage<=44)
{
document.write("弱鸡");
}
else if(myage<=59)
{
document.write("菜逼");
}
else if(myage<=89)
{
document.write("changlao");
}
else
{
document.write("chenlao");
}
</script>

利用js实现一个工作安排表,简单的js技术

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/JavaScript">
function b() {
var qaq=document.getElementById("a").value;//获取被标签标记的a的值。
if(qaq==1||qaq==2)
{
alert("大物,高数,英语hhh");
}
else if(qaq==3||qaq==4)
{
alert("体育,线代,无机hhh");
}
else if(qaq==5||qaq==6)
{
alert("算法实验班hhh");
}
else
{
alert("去北戴河hhh");
}
}
</script>
</head>
<body>
<div>输入星期几吧:</div>
<input type="text" id ="a">
<input type ="button" value ="查看工作安排" onclick="b()">
</body>
</html>

js里面的循环语句

for循环

1
2
3
4
5
6
<script type="text/javascript">
for(var num=1;num<=6;num++)
{
document.write("输出"+num+"的值");
}
</script>

while循环

1
2
3
4
5
6
7
<script type="text/javascript">
var num=0;
while(num<=6)
{
document.write("取出第"+num+"个数字");
}
</script>

do…while循环

1
2
3
4
5
6
7
8
<script type="text/javascript">
num=1;
do
{
document.write("数值为:"+ num+"<br>");
num++;
}while(num<=5)
</script>

ps:跳出循环语句和C++里面的是一样的,都写个if…break既可以了。

javascript的函数以及函数的调用

函数的作用,可以写一次代码,然后反复重用这个代码。

1
2
3
4
5
6
7
8
<script="text/javascript">
function add2(a,b)
{
sum=a+b;
alert(sum);
}
alert(2,4);
alert(7,8);

在script标签里面对函数进行调用。

1
2
3
4
5
6
7
8
<script type="type/javascript">
function add2()
{
sum=2;
alert(sum);
}
add2();
</script>

在HTML文件里面调用,通过点击按钮来调用定义好的函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head>
<script type="text/javascript">
function add2()
{
sum=16;
alert(sum);
}
</script>
</head>
<body>
<form>
<input type="button" value="点击看陈lao女装啊" onclick="add2()">//按钮,onclick点击事件,直接写函数名。
</form>
</body>

总结

A man is not old until the regrets take the place of dreams.

-------------本文结束感谢您的阅读-------------