JavaScript基础语法 JavaScript 的对象和 Java 的对象的区别

本文介绍了JavaScript的基础,包括JS的用途、与HTML/CSS的关系、运行过程。讲解了JavaScript的组成部分、书写形式、注释、输入输出以及变量、运算符、数组、函数的使用。重点讨论了JavaScript的对象特性和与Java对象的区别,如JavaScript对象没有类概念,不区分属性和方法,无访问控制机制,使用原型机制实现继承。
摘要由CSDN通过智能技术生成

1.初始JavaScript

1.1 简单介绍

简称 JS

  • 是世界上最流行的编程语言之一
  • 是一个脚本语言,通过解释器运行
  • 主要是在客户端(浏览器)上运行,现在也可以是基于 node.js 在服务器端运行

1.2 JS 能做的事情

  1. 网页开发(更复杂的特效和用户交互)
  2. 网页游戏开发
  3. 服务器开发
  4. 桌面程序开发
  5. 手机 app 开发

1.3 JS 、HTML 和 CSS 的关系

  • HTML :网页的结构(骨)
  • CSS:网页的表现(皮)
  • JS :网页的行为(魂)

1、什么是HTML(超文本标记语言 Hyper Text Markup Language),HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素,语法为:selector {property:value} (选择符 {属性:值})
3、JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行
对于一个网页,HTML定义网页的结构,CSS描述网页的样子,JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思 考、运动、可以给自己整容化妆(改变CSS)等等,成为一个活生生的人。

1.4 JS运行过程

  • 编写的代码是保存在文件中的,存储在硬盘上
  • 双击. html 文件浏览器(应用程序)就会读取文件,把文件内容加载到内存中(数据流向:硬盘—> 内存)
  • 浏览器会解析用户编写的代码,把代码翻译成二进制的 ,让计算机识别的指令(解释器的工作)
  • 得到的二进制指令会被 CPU 加载并执行(数据流向: 内存 ----> CPU)
    在这里插入图片描述
    1. 渲染引擎 :解析 html +CSS ,俗称 内核
    2. JS 引擎: JS解释器,典型的就是 Chrome中内置的V8

2. JavaScript的组成

  • ECMAScript(ES):JavaScript语法 ES规定了js的语法,es有很多版本,我们说的是ES5
  • DOM:网页文档对象模型,对页面中的元素进行操作 用户交互,会动态的操作页面元素
  • BOM:浏览器对象模型,对浏览器窗口进行操作 。操作浏览器中的部分(如 url ,刷新按钮,前进,回退)

3.基于JavaScript 实例

3.1 用 JavaScript 输出文本

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我的第一个运行实例(runoob.com)</title> 
</head>
<body>
	
<h1>爱你 芜湖</h1>
<p>爱你 芜湖</p>

	
</body>
</html>

在这里插入图片描述

3.2 用 JavaScript 改变HTML元素

<!DOCTYPE html>
<html>
<head> 
<meta charset="
  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值