认识js

认识js

特性:

  1. 编程语言:可以编写有处理逻辑的程序的语言
  2. 脚本语言:可以编写具有简单功能处理的、运行与特定环境的小程序操作
  3. 弱类型语言:对于数据类型的存储操作可以自动适应
  4. 跨浏览器:目前主流的任意浏览器都可以操作
  5. 运行环境:浏览器引擎[JS解释器]、NodeJS平台
  6. 解释运行:解释一行,执行一行

操作:

<script></script>

js代码,在前段开发中要写在script标签中

<script></script>

控制浏览器弹出一个警告对话框

alert(“信息”);

在浏览器窗口的网页文档中写文本

h1 设置字体格式

document.write(“hello”)

document.write(“<h1>hello</h1>”)

在浏览器的控制台窗口中输出一段信息

consloe.log(“hello”)

单行注释

//   //

多行注释

/*   */

js代码中建议每行末尾添加分号

consloe.log(“hello”);

<button οnclick=”show1()”></button>

按钮  按钮被点击是执行

function show1(){

}

声明一个函数

console.log(res);

在控制台展示结果

document.getelementbyid(“ box ”)

获取网页id为box的标签对象

_show.innerText =”文本”

将文本展示给_show

var _s_value = _score.value;

获取文本框中的内容

_abc.onkeyup = function(){

}

获取按键抬起事件

document.write()

展示数据

console 控制台窗口 查看js执行的代码  也可以直接在浏览器中的console中写js代码

 

运行环境

  1. JS使用场景(web网络开发):
    1. 客户端编程:编写在HTML/js脚本文件中,运行在浏览器中[脚本]
      1. 主要实现:网页特效、数据验证、数据交互
    2. 服务端编程:编写在服务器上js脚本文件中,运行在Node平台上
      1. 主要实现:服务端软件的功能流程处理[编程]
  2. 安装配置开发环境
  1. 安装:客户端编程,不需要安装{服务端开发:需要安装nodejs环境}
  2. 配置:客户端编程,不需要配置{服务端开发:需要配置开发环境}
  3. 开发环境:客户端编程~浏览器环境【浏览器引擎对象中包含了JS解释器】
  1. 基本语法

在HTML网页中,编写的脚本程序

  1. JS代码位置:三个位置

标签内嵌-时间属性:onclick鼠标单击

<div οnclick=”alert(‘用户点了一下div’)”>hello</div>

<div οnclick=”javascript:alert(‘用户点了一下div’)”>hello</div>

 

网页内嵌-js代码写在一对<script></script>标签中

 

外部脚本-js代码写在一个js文件中,通过script标签引入到HTML网页

<script src=”demo02.js”></script>  在HTML头部引入js文件代码

<button οnclick=”show_info()”></button>

可以在浏览器检查的sources中查看源代码

  1. 各种对话框
  1. 警告信息对话框            alert() 

只有一个确认按钮 点击确认即可关闭

  1. 信息确认对话框(常用)    confirm()

确认和取消按钮      点击会返回一个结果True | false

  1. 交互对话框                prompt()

可以输入内容 

 

数据类型

作为一门编程语言

         目的:解决问题

                   核心:处理数据

                            操作:增删改查

         目标:得到解决方案:结果

python:基本数据类型|组合数据类型|引用数据类型

                            字符串|数字|布尔|复数 – list|set|tuple|dict – class类型

                            检测数据类型:type(数据)

                            数据类型转换:int()\str()\float()...

         JS:基本数据类型

                   布尔类型Boolean|数字Number

字符串String|null(空值)|undefined(未定义)

                            检测数据类型:typeof(数据)

                   数据类型转换:

Number()将一个数据转换成数字 – NaN: not a number

parseInt()将一个数据转换成整数

parseFloat()将一个数据转换成浮点数

String() 将一个数据转换成字符串,和直接调用.toString()一个效果

 

         JS中的运算符

                   赋值运算符 =  +=  -= ..

                   算数运算符 + - * / %   ..

                   比较运算符 > >= < <= ==(值相等) ===(值、类型 全等)

                   逻辑运算符 &&(并且and) ||或者(or)  !(取反not)

                   其他更多运算符…

        

         JS中的变量

                   JS是弱类型的语言,变量的操作使用和python一样

                   声明变量即可赋值使用

                            name = “jerry”; 不推荐这样直接操作

                   JS推荐,任意变量,先通过var关键字声明,然后赋值使用

                            var _ name = “tom”;

 

 

问题:网页中的JS是用来作什么的?

         实现网页特效、数据验证、数据交互等操作

         核心:JS操作HTML标签[标签/属性/样式/内容]

  1. JS中获取标签对象
    1. 根据标签的id属性获取一个标签对象
    2. document.getElementById(“id的值”)

网页文档 获取  标签

 

选择结构

JS中,提供了两种选择结构

                   判断结构:if-else结构【可以进行范围判断,使用比较运算符】

if  {

 

} else if   

else if

 

                   选择结构:switch-case结构【直接进行全等判断】(cose穿透)

                     switch(){

       case 170:

              _res.innertext = “L”;

       break;

       case 175:

              _res.innertext = “L”;

       break;

       default:

              _res.innertext = “L”;

 

 

}

 

 

循环结构

数组

用来保存一组数据的数据结构  一般情况下,使用方括号表示

属于Array类型|数组类型

var _names = Array();  通过array类型声明一个空数组

Var _users = [];  通过快捷形式 声明一个空数组

 

Console.log(typeof(_names));

在控制台展示结果 检查数据类型

 

Console.log(_namees.length); 数组中元素的个数|数组长度

 

_names.push(“tom”)  末尾追加数据

 

_names.pop();  末尾删除数据

 

_names.shift();  删除数组开头的数据

 

_names.unshift(“shuke”) 数组的开头增加数据

 

_names[0] = null;  标记删除

 

for..in 循环

for(_index in _names){

If (_names[_index] !=null) {

Console.log(_name[_index]);

}

 

}

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
单片微型计算机(MCU)经过多年的发展,在性能上有很大的进步,在型号上发展到上千种类,已经广泛应用于人类社会生活的各个领域。单片机课程已经成为高校计算机、自动化、测控以及电子信息工程等专业的重要课程。该课程是一门理论性和实践性都很强的课程,在实际教学中,应将理论教学和实验教学紧密结合。学生在掌握理论知识之余,必须通过编写程序、设计硬件电路、仿真、调试这一系列的实验过程,才能更好地掌握单片机的结构原理和应用技能。随着单片机及其接口技术的飞速发展,目前市场上供应的编程仿真实验资源并不能完全满足高校单片机课程教与学的需求,构建低成本、技术先进、源码公开的单片机编程仿真实验系统,对我国单片机课程的教学和单片机领域人才的培养具有重要的现实意义。 本论文结合目前教学中对单片机编程仿真实验系统的实际需求,采用模块化结构设计思想,精心设计和开发了单片机编程仿真实验系统。该单片机编程仿真实验系统由PC机端单片机编程控制软件和单片机编程仿真实验板两部分组成。PC机端的单片机编程控制软件可以自动检测到连接到单片机编程仿真实验板上的单片机,控制单片机编程器擦除、写入、读出、校验目标单片机ROM中的程序,以十六进制文件(.HEX文件)格式显示在控制界面内;单片机仿真实验系统能够把写入单片机的程序实时地运行,并呈现实际运行效果。单片机编程控制软件和单片机仿真实验板组成一个完整的单片机编程仿真实验系统。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值