在构建页面时,我们了解过HTML和CSS。
HTML技术负责页面的结构
而
1.JavaScript脚本语言
2.JSON数据格式
这两个技术负责页面中的操作和数据
编程语言中,从对数据类型的理解上,可以分为:
A.强类型语言,如c,c++,java…
任何变量在定义时,它的类型都要确定下来。
B.弱类型语言,如Javascript…
变量在定义时,无需确定类型,而是在运行时动态确定的
JS就是弱类型语言,它的变量定义:
var a = 9;
var b = "ASDADF";
它都是使用var关键字定义变量,甚至有时可以不用var,不使用var时相当于全局变量。
JS中主要的数据类型有:
数字 number
字符串 string
数组 array
对象 object
函数 function
正则 fegexp
日期 date
代码的结构
1. 顺序结构
2. 分支结构
if(条件) {代码块}
switch(变量){case条件:代码块;...}
3. 循环结构
for
while
do_while
用法:
A.在HTML中直接写JS代码
如
<script>
var i = 9;
alert("变量i = "+i);
</script>
B.通过外部文件来编写JS,然后,在HTML中引入这个JS文件
XXX.JS
在xxx.hmlt中
<html>
<head>
<meta ...>
<title>xx</title>
</head>
<body>
<script type="text/javascript" src="JS/js1.js">
</script>
</body>
</html>
js 中的事件监听
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript demo 1</title>
</head>
<body>
<h2>javascript基础入门</h2>
<hr>
<button onclick="rule99()">显示久久法则表</button>
<button onclick="show()">show</button>
<button id="btn" onclick="test()">点击99下进网站</button>
<div id="rule">
</div>
<!--js 代码-->
<script type="text/javascript">
var wangzhan = 0;
function show(){
var i = 9;
var now = new Date() ;
//在页面上弹出这两个变量的值
alert("i = " +i);
alert("now = " +now);
}
function rule99()
{
var rule99 = "";
for(i=1;i<=9;i++)
{ for(j=1;j<=i;j++)
{
rule99 += (i+"*"+j+"="+i*j+" ");
}
rule99 += "<br>";
}
document.getElementById("rule").innerHTML = rule99;
}
var count = 99;
function test(){
count--;
var btn = document.getElementById("btn");
if(count == 0){
location.href = "http://www.baidu.com";
}
else
{
btn.innerHTML = "点击"+count+"下进网站";
}
}
</script>
</body>
</html>
json, JavaScription Object Notation
它是一种先进的数据表达式,它采用key:value的方法来描述数据。
它主要有以下类型:
数字,直接使用数字本身
字符串,直接使用“”或‘’来表示
对象,使用{}来表示
数组,使用[]来表示
布尔值,直接使用true或false
如果采用json来表示一个学员的信息:
学号,姓名,性别,专业,爱好,班级
var s = {
stuNo:230131123,
name:”name”,
gender:”girl”,
major:”电子信息”,
hobby:[“编程”,”音乐”,”读书”],
class:{
name:”142”,
capacity:80
}
}
HTML -> 负责页面的结构
CSS -> 负责页面的装饰
JavaScript -> 负责页面的控制、操作
Json -> 它只是数据的载体,是一种数据描述格式
WEB后端开发
php,java,perl,ruby
软件架构:
A.C/S
也就是clinet/server模式
B.B/S
也就是Browser/Server模式
阿里云
1.开发应用
2.部署
2.1申请域名(万网)
2.2得有服务器(阿里云)
2.3把你开发的应用部署在服务器中
2.4把域名和你的应用对应起来