首页 > 其他分享 >js是什么、html、css

js是什么、html、css

时间:2022-10-09 20:34:57浏览次数:52  
标签:HTML 脚本语言 JavaScript js html ECMAScript 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,脚本语言,JavaScript,js,html,ECMAScript,css,客户端
From: https://blog.51cto.com/u_11334685/5741394

相关文章

  • CSS
    CSS是什么CSS就是层叠级联样式表,作用:用来美化网页CSS怎么用(快速入门)CSS选择器(重点+难点)美化网页(文字,阴影,超链接,列表,渐变...)盒子模型浮动定位网页动画(特效效果)......
  • [RxJS] Ignore values during windows using throttleTime
    Bydefault,throttleTime(x),afterfirsteventemit,thenwaitforxamountoftime,thenemitanotherlatestvalue.Allthevaluesbetweenthewaitingtimewi......
  • html简介
    1.html概述平时我们打开一个网页,比如​​www.javayihao.top​​我们可以看到浏览器会展示一个有一定结构、好看的样式、动态效果的页面给我们,要想构成这样一个网页,需要的基......
  • 如何使用KrpanoToolJS在浏览器切图
    如何使用KrpanoToolJS在浏览器切图框架DEMO框架源码地址【独辟蹊径】逆推Krpano切图算法,实现在浏览器切多层级瓦片图一、功能介绍在浏览器中将全景图转为立方体图、......
  • nodejs md5 加盐值
    constcrypto=require('crypto')constSALT='ftmsabcd@1234!'functionmd5(str){constmd5=crypto.createHash('md5')constresult=md5.update(SALT).update(st......
  • CSS选择器与常用属性
    CSSCSS全称层叠样式表,网页的内容由HTML控制,网页的样式由CSS控制<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>demo</title><st......
  • 7. JS数据类型(基本数据类型+引用类型)
    1.前言数据类型指的是可以在程序中存储和操作的值的类型,每种编程语言都有其支持的数据类型,不同的数据类型用来存储不同的数据,例如文本、数值、图像等。JavaScript是一种......
  • 在Jupyter Notebook 中输出 HTML
    在刚开始使用JupyterNotebook时,我总想使输出结果更使人满意,而不是只把结果打印出来。在我知道可以用HTML输出之前,我是这样输出一个表格的(数据来源:软科中国大学排名)。......
  • nvm windows 管理nodejs版本
    下载​​https://github.com/coreybutler/nvm-windows#installation–upgrades​​配置镜像where.exenvm#d:\soft\nvm\nvm.exeiid:\soft\nvm\编辑setting.txt,添加node_......
  • js中类数组对象转数组
    constobj={"0":"vv","1":12,"2":"male","3":123456,length:4}constarr=Array.from(obj);console.log(arr);//['vv',12,'male',123456]for(constitem......