js是什么、html、css

简介: js是什么、html、css

一:js简介

1. 前端三剑客:html+css+js ,其中html是用来部署网页的结构,css是用来美化网页,而js则是让网页具有行为,让页面具有动态效果(动态不是简单指页面动起来,是后台与前台可以进行数据户操作体验,比如:嵌入动态页面与HTML中,对浏览器事件做出响应,读写HTML元素,验证提交数据检测访客的信息等。

2. JavaScript是一门脚本语言,每个浏览器都有解析js的引擎,不需要编译,直接可以运行在客户端浏览器中。

3. JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

二:js发展史

1. 1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 : C-- ,后来更名为:ScriptEase

2. 1995年,Netscape(网景)公司,开发了一门客户端脚本语言:LiveScript。后来,请来SUN公司的专家,修改LiveScript,命名为JavaScript

3. 1996年,微软抄袭JavaScript开发出JScript语言

4. 1997年,ECMA(欧洲计算机制造商协会),制定出客户端脚本语言的标准:ECMAScript,就是统一了所有客户端脚本语言的编码方式。

ECMAScript:它是整个 javascript 的核心,包含(基本语法、变量、关键字、保留字、数 据类型、语句、函数等等)

DOM:文档对象模型,可以调用关属性和方法

BOM:浏览器对象模型,可以调用相关属性和方法

三:ECMAScript 版本

JavaScript 已经由 ECMA(欧洲电脑制造商协会)通过 ECMAScript 实现语言的标准化。

年份 名称 描述
1997 ECMAScript 1 第一个版本
1998 ECMAScript 2 版本变更
1999 ECMAScript 3 添加正则表达式
添加 try/catch
ECMAScript 4 没有发布
2009 ECMAScript 5 添加 "strict mode",严格模式
添加 JSON 支持
2011 ECMAScript 5.1 版本变更
2015 ECMAScript 6 添加类和模块
2016 ECMAScript 7 增加指数运算符 (**)
增加 Array.prototype.includes

显示详细信息

四:使用js可以做的事情(常见的作用举例)

1.JavaScript:直接写入 HTML 输出流

document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

2.JavaScript:对事件的反应

<button type="button" οnclick="alert('欢迎!')">点我!</button>

3.JavaScript:改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

x=document.getElementById("demo");  //查找元素

x.innerHTML="Hello JavaScript";    //改变内容

4.JavaScript:改变 HTML 样式

改变 HTML 元素的样式,属于改变 HTML 属性的变种。

x=document.getElementById("demo")  //找到元素

x.style.color="#ff0000";           //改变样式

5.JavaScript:验证输入

JavaScript 常用于验证用户的输入。

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){

   alert("不是数字");

}

总结:

本系列学习js主要包括内容:JavaScript = ECMAScript(基本语法+基本对象) + JavaScript自己特有的东西(BOM+DOM)

学习推荐地址

html

HTML入门教程(非常详细)

css

CSS教程(精讲版)

js

JavaScript学习指南:JS入门教程(非常详细)

现代 JavaScript 教程


相关文章
|
25天前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
25天前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
25天前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
10月前
|
JavaScript 前端开发
JavaScript HTML DOM
JavaScript HTML DOM
72 2
JavaScript HTML DOM
|
10月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
69 5
|
10月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 集合(Collection)
JavaScript HTML DOM 集合(Collection)
89 4
|
10月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
61 5
|
10月前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
53 4
|
10月前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
64 2
|
10月前
|
JavaScript 前端开发
JavaScript HTML DOM EventListener
JavaScript HTML DOM EventListener
60 2

热门文章

最新文章