ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript学习笔记(一)

2022-09-16 19:31:18  阅读:98  来源: 互联网

标签:浏览器 脚本语言 JavaScript 笔记 js 学习 网页 变量


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() 用来给程序员自己看运行时的消息。

变量

什么是变量

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

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

变量在内存中的存储

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

标签:浏览器,脚本语言,JavaScript,笔记,js,学习,网页,变量
来源: https://www.cnblogs.com/dengjunjie/p/16701028.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有