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 教程


相关文章
|
1天前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
编写代码中常见问题汇总(html和css)
11 0
|
2天前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
2天前
|
存储 移动开发 前端开发
使用HTML5和CSS3构建现代网页:技术详解与实践
【5月更文挑战第28天】本文详细介绍了使用HTML5和CSS3构建现代网页的技术与实践。HTML5新增语义化标签、多媒体支持、本地存储和表单验证等功能,提升了网页开发效率和用户体验。CSS3则带来了更多选择器、盒模型改进、背景与边框样式以及动画过渡效果,使网页设计更具视觉冲击力。通过实例展示了如何结合两者创建结构清晰、交互丰富、响应式的现代网页。
|
4天前
|
移动开发 API UED
html5和css3
【5月更文挑战第26天】html5和css3
15 2
尚硅谷html5+css3(4)浮动
尚硅谷html5+css3(4)浮动
|
6天前
|
前端开发
尚硅谷html5+css3(3)布局
尚硅谷html5+css3(3)布局
|
6天前
|
缓存 前端开发 JavaScript
尚硅谷html5+css3(2)CSS5基本知识
尚硅谷html5+css3(2)CSS5基本知识
|
6天前
|
移动开发 搜索推荐 HTML5
尚硅谷html5+css3(1)html相关知识
尚硅谷html5+css3(1)html相关知识
|
15天前
|
JavaScript 前端开发
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
|
15天前
|
前端开发 JavaScript
使用html+css+javaScript 完成计算器
使用html+css+javaScript 完成计算器