js入门，和程序基础

来源：互联网发布：mysql 获取上一年月份编辑：程序博客网时间：2024/06/05 00:27

1.1基本概念

为什么需要有JavaScript

Html 负责呈现什么内容CSS负责以何种方式来呈现。

Html + css ：实现了静态页面

实际上，我们更多的页面的要求是动态的，比方说新浪

热点，聚焦……页面的自动切换。

时间也应该是动态显示

还有验证码，注册页面的数据验证……

那么怎么才能让页面动起来呢？

答案就是用JavaScript。

Js的备注方式//单行注释

/*多行注释

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>简单运算</title>
    <style>
        p{
            color: red;
        }
    </style>
</head>
<body>
<p id="time">今天是……</p>
</body>
<script>
    varp1 = document.getElementById("time")
    p1.innerHTML= newDate ().toString();
</script>
</html>

很明显，这个内容不是html提供的，而是由JS动态生成的

所以js是实现动态页面的，即页面的行为

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1{
            height:100px;
            width:100px;
            background: skyblue;
            margin:0 auto;
        }
    </style>
</head>
<body>
    <div id="div1"></div>
</body>
<script language="javascript">
    vartimer = setInterval("zoom()",50);
    vardiv = document.getElementById("div1");
    vartimer;
    varwidth = 100;
    functionzoom(){
        if(width >=600){
            clearTimeout(timer);
        }
        width = width + 5;
        div.style.width= width + "px";
    }
</script>
</html>

这个案例使用定时器动态的去改变元素的宽度，从而实现

作业：

（1）使用定时器显示动态的时间，形如10:00:21.

（2）修改第二个案例，实现方块颜色的渐变

（3）总结html、css和js的注释方式，并说名注释的作用

JS是一种解释性语言，

计算机语言分为编译型和解释型

程序员使用高级语言来编辑程序，但是程序最终是由计算机去执行。

但是计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个人高级语言代机器语言的“翻译”过程

有两种翻译方式

（1编译：将代码整体翻译成机器语言，如果有错误则停止翻译，全部成功翻译才能完成才能执行；

（2）解释：将代码一条马上执行一条，如果遇到错误则停止。

怎么用

两种方式：

（1）内部引用，使用<script>,代码直接写在标签里里面

（2）外部引用，<script src=”引用的js程序”></script>

、

计算机语言分为两种：编译：JAVA、c++、c、PHP

解释：JavaScript、CSS……

Html：负责呈现的内容。

CSS：负责呈现内容的方式。

JS：负责呈现内容的行为。

1.2两种Js 书写在<script>里，内部

用<script src=”路径”>-外部引用。

应用方式

程序设计基础

WWH :what why how

2.1 数据类型：

计算机程序就是去处理现实中各种数据

数据的几个属性：名称、值、类型

月销量，值是47，数值

名称是大小，值是“190×100mm”,字符串

是否包邮：是

名称是是否包邮，值是“是”，布尔类型，

名字：“***”字符串 string

身高：165 数值 number

体重：65 数值 number

性别：男字符串 string

是否单身：是布尔类型 boolean

Alert（）警告提示框（打印）

Type of（）数据的类型

为什么要有数据类型？

生活中是存在不同的数据类型，计算机要解决生活问题，那么他就和生活中数据类型产生

映射，所以有了数据类型

2.2变量

数值类型的表示形式：

十进制：23,3.14

八进制：023；（19）

十六进制：0x23（35）

科学计数法：3e2(3X10²),3.5e-2(3.5X10^-2)

为什么要有变量？

因为生活中一些数据不是一成不变的，它的值就会改变，所以js里面有了变量和他相对应。

变量：

Var ：variable的缩写变量的意思，声明一个变量。

变量名：

varname = "***";

Name 是变量名

命名的规则：

1.关键的名字不能用

var var ="***"；

作业：总结一下js的关键字。

2.一般情况下：只用英文开头是$和下划线，可以用$和下划线进行拼接。

不能用数字开头，因为和8进制16进制产生冲突。

varname ="***"；

命名的原则：

见名思意

规范：

（1）尽量使用英文单词或者英文单词的组合，或者专业名词

Weight color

fileName（驼峰命名法）

（2）尽量不要使用拼音

变量值：

变量的类型是由变量的值来决定的。

系统会为不同的类型分配不同的大小来储存数据

如果是布尔类型就分配一个字节的大小来存储

如果是数字和字符串，那么根据他的大小和长度来分配字节数来存储。

JS是弱类型语言，所有的类型的变量都用var来声明。

JS是动态类型的语言，变量的类型会根据值的变化，不会出错。

变量就是一个内存单元。

varweight = 65;
weight = weight - 5;
alert(weight);

用本质来解释 weight = weight - 5

把名字为weight的内存单元中的值65拿出来，之后和5做减法运算。然后把得到的结果再放会到名字为weight的内存单元中。

JS语言特点

更加高级,不严谨。

"use strict";
weight = 65;
alert(weight);

变量可以不声明就可以用

使用严谨的格式，就必须先定义变量才能使用变量

"use strict";
name = 65;
alert(name);

Name这个名字是特殊的，使用name来给变量起名字时，他不会报错。

留做课后思考

varweightl = "中等";
// weightl = 456;
weight1= 123;
alert(weightl);

此处输出不是预期的123，而是中等，原因是两个拼音l和1只间太像

，而且不会报错

如果使用严格模式，明显看到第二变量拼写错误。

2.3对象类型

对象在js当中对应的是object

定义一个狗的对象

vardog = {name:"藏藏",type:"藏獒",color:"花色",sex:"雄",age:3, marry:false};

狗：

名字：“藏藏”

品种：“金毛”

性别：“雄”

年龄：“3”

狗的行为：走，跑，睡。

是否婚配。

使用new Object() 定义一个对象类型的变量。

varphone = newObject();
phone.name= "**";
phone.age= 0.5;
phone.photo= true;
alert(typeof(phone));
alert(typeof(phone.name));
alert(typeof(phone.age));
alert(typeof(phone.photo));

为什么有对象？

和为什么有数据类型是一样的，就是生活中处处都是对象，所以js中有这种对象类型。

如何使用对象的里面的属性

使用对象名+对象属性名

alert(typeof(phone.name));

阅读全文

0 0