JavaScript学习笔记(一)


JavaScript基础

什么是JavaScript

前端开发三大基础知识

  • HTML (专门编写网页内容)——搭建网页结构
  • CSS (专门设计网页的样式)——修饰,美化网页
  • JavaScript(js)专门设计网页的交互效果的 ——验证,特效
  • 交互:输入数据 =》程序处理数据 =》返回结果 =》“解释执行”:和读书一样的 一行一行的往下读 专门在js的解释器中运行(浏览器自带的解释器)

JavaScript的组成

  • Js由三部分组成

  • ECMASCRIPT(核心的语法) es5 es6 typescript

  • DOM(文档对象模型 w3c) 将js嵌套到网页中操作html标签

  • BOM(专门操作浏览器窗口的工具 浏览器自行规定的 所以它没有标准)

JavaScript的特点

  • 脚本语言。JavaScript是一种解释型的脚本语言,C、C++、Java等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。(边解释边执行)

  • 简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于JavaScript基本语句和控制的脚本语言,其设计简单紧凑

  • 基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

  • 动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

  • 跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

  • 弱类型(重点)

    Java定义一个变量
    int a=123;// int:数据类型是整形   a:表示变量名  123 值
    double b=12.3;
    float f=12.4f;
    long l=10L;
    Js定义一个变量
    var a=123 // var表示声明的意思  a:表示变量名   123值
    var b = 12.3;
    

JavaScript的三种使用方式

1、行内js

<input type="button" value="点击有惊喜" onclick="javascript:alert('哈哈哈哈')">
<!--onclick:点击触发一个事件,alert:弹出一个对话框-->

2、内部js:script里的程序整个页面都可以用

<script type="text/javascript">
	var a = 10;
    console.log(a);
</script>

3、外部js:很多html页面都可以调用设定的js页面

<script src="js/a.js" type="text/javascript" >

JavaScript输入输出语句

为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:

方法 说明 归属
alert(msg) 浏览器弹出警示框 浏览器
console.log(msg) 浏览器控制台打印输出信息 浏览器
prompt(info) 浏览器弹出输入框,用户可以输入 浏览器
  • 注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息。

变量

什么是变量

变量就是一个装东西的盒子。

变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。

变量在内存中的存储

	本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的房间,一个房间就可以看做是一个变量。  

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/289885.html

(0)
上一篇 2022年9月16日
下一篇 2022年9月16日

相关推荐

发表回复

登录后才能评论