JavaScript脚本和JSON数据格式

在构建页面时,我们了解过HTML和CSS。
HTML技术负责页面的结构

1.JavaScript脚本语言

2.JSON数据格式

这两个技术负责页面中的操作和数据

编程语言中,从对数据类型的理解上,可以分为:

A.强类型语言,如c,c++,java…

任何变量在定义时,它的类型都要确定下来。

B.弱类型语言,如Javascript…

变量在定义时,无需确定类型,而是在运行时动态确定的

JS就是弱类型语言,它的变量定义:

    var a = 9var 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把域名和你的应用对应起来
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值