JavaScript入门

最新推荐文章于 2024-06-24 14:30:19 发布
最新推荐文章于 2024-06-24 14:30:19 发布
阅读量215 收藏
点赞数
分类专栏： Html+css+js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/world_kun/article/details/103536993
版权

1 浏览器说明

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。

通俗的讲:可以显示页面的一个软件,

国内网民计算机上常见的网页浏览器有，QQ浏览器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等，浏览器是最经常使用到的客户端程序。

常用的五大浏览器：chrome，firefox，Safari，ie，opera

我们用chrome(谷歌浏览器) JavaScript 与浏览器的关系

2 网页、网站和应用程序

网页：单独的一个页面

网站：一些列相关的页面组成到一起

应用程序：可以和用户产生交互，并实现某种功能。

3 演示JavaScript的强大

http://impress.github.io/impress.js/

http://naotu.baidu.com/

https://codecombat.com/

https://ide.codemao.cn/

blockly迷宫

https://blockly-games.appspot.com

blockly迷宫不需要翻墙

https://blockly.uieee.com/

4 JavaScript介绍

4.1 JavaScript是什么

JavaScript 编程语言   流程控制

Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系，只是名字很像。

Java 服务器端的编程语言

JavaScript运行在客户端(浏览器)的编程语言

JavaScript是一种运行在客户端的脚本语言

JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript 语言的历史

4.2 JavaScript最初的目的

最初的目的是为了处理表单的验证操作。

4.3 JavaScript现在的意义(应用场景)

JavaScript 发展到现在几乎无所不能。JavaScript 可以做什么?

凡是能用 JavaScript 写出来的，最终都会用 JavaScript 写出来

知乎 - JavaScript 能做什么，该做什么？

最流行的编程语言 JavaScript 能做什么？

1. 网页特效

2. 服务端开发(Node.js)

3. 命令行工具(Node.js)

4. 桌面程序(Electron)

5. App(Cordova)

6. 控制硬件-物联网(Ruff)

7. 游戏开发(cocos2d-js)

4.4 JavaScript和HTML、CSS的区别

1. HTML：提供网页的结构，提供网页中的内容

2. CSS: 用来美化网页

3. JavaScript: 可以用来控制网页内容，给网页增加动态的效果

5 JavaScript的组成

5.1 ECMAScript - JavaScript的核心

ECMA 欧洲计算机制造联合会

网景：JavaScript

微软：JScript

定义了JavaScript的语法规范  

JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关

5.2 BOM - 浏览器对象模型

一套操作浏览器功能的API

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

5.3 DOM - 文档对象模型

一套操作页面元素的API

DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

6 JavaScript初体验

CSS：行内样式、嵌入样式、外部样式

6.1 JavaScript的书写位置

6.1.1写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

6.1.2写在script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

6.1.3写在外部js文件中，在页面引入

<script src="main.js"></script>

注意点

引用外部js文件的script标签中不可以写JavaScript代码

7 计算机组成

7.1 软件

应用软件：浏览器(Chrome/IE/Firefox)、QQ、Sublime、Word

系统软件：Windows、Linux、mac OSX

7.2 硬件

三大件：CPU、内存、硬盘    -- 主板

输入设备：鼠标、键盘、手写板、摄像头等

输出设备：显示器、打印机、投影仪等

 

world_kun
关注
专栏目录
JavaScript 基础入门
无法自律的人的博客
04-11 2471
HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。CSS是一种样式规则语言，可将样式应用于 HTML 内容，例如设置背景颜色和字体，在多个列中布局内容。javascript是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。JavaScript主要用于HTML的页面，嵌入在HTML的源码中。
JavaScript-初学者基础入门
让优秀成为一种习惯！
03-14 685
HTML 是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。CSS 是一种样式规则语言，可将样式应用于 HTML 内容，例如设置背景颜色和字体，在多个列中布局内容。JS是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。JavaScript主要用于HTML的页面，嵌入在HTML的源码中。
javascript学习（入门）
m0_61871870的博客
05-05 1318
/写法一 function 函数名(参数) {函数体 return 返回值;} //写法二 var 方法名 = function(参数) {函数体 return 返回值;一旦执行到return代表函数结束。如果没有return 函数执行完也会返回结果，结果就是undefined参数问题：js可以传任意个参数，也可以不传参数（返回NaN）传参问题：当传入的参数多于形参数量时，多余的参数会放在arguments中，要想操作多余的参数，可以使用…rest。
【JavaScript】JS语法入门到实战
大三小白C++进阶之路
09-08 1390
Javascript语法的基本讲解。
javascript入门
11-26
一个简单的javascript结合html的实例
JavaScript 入门 新手学习笔记
11-17
这篇"JavaScript入门新手学习笔记"提供了全面的学习资源，适合初学者系统性地掌握这一技术。 笔记可能包含了以下关键知识点： 1. **基础语法**：JS的基础包括变量（var、let、const）、数据类型（如字符串、数字、...
Javascript 入门基础学习
10-29
这只是JavaScript入门的基础知识，随着学习的深入，你还将接触到函数、对象、数组、事件处理、DOM操作、异步编程（如Ajax）以及更多的高级特性。理解并掌握这些概念，你就能创建出丰富交互性的网页应用。继续学习和...
JavaScript--js基础(详细 全面)
最新发布
Dreamkidya的博客
06-24 4004
本文旨在介绍和学习JavaScript的基础知识。通过本文的阅读，读者将能够了解JavaScript在网页开发中的重要性和作用，掌握其基础语法和概念。不论是初学者还是有一定经验的开发者，都可以通过本文来加深对JavaScript的理解，并提升自己的开发能力。希望读者能够从中获得有益的知识，为日后的学习和实践打下坚实基础。愿读者在学习JavaScript的过程中不断成长，探索更多可能性
JavaScript基础入门
渐渐的不归路专栏
03-22 6216
在工作中，时不时的要设计去与web端的网页去进行一些交互，要想软件的功能更加强大，包括QT,Android,IOS的开发，无一列外的都会涉及到与JS的交互，所以想着手学习JavaScript，以后遇到问题，会多一些解决的思路，虽然之前在QT已经用过JS的交互，但具体的基础还是有些模糊。 什么是JavaScript JavaScript 使用 JavaScript 语句输出注释 JavaScript
JavaScript 入门
Studying
07-05 185
详细内容可以阅读这里：点击打开链接 JavaScript能做什么JavaScript能够改变HTML元素的内容例如：JavaScript能把span元素的内容修改为“hello word”。 &lt;span id=""&gt; My first JavaScript! &lt;/span&gt;JavaScript能够改变HTML元素的属性值例如：JavaScript能把...
JavaScript新手教学入门篇
最初都是小白
01-29 1508
大家好，今天给大家带来的是有关js的学习，话不多说让我们开始进入学习的海洋吧    在学习js之前，先声明一下，我们的脚本语言是必须要放在 &amp;amp;amp;lt; script &amp;amp;amp;gt; &amp;amp;amp;lt; /script &amp;amp;amp;gt; 标签内的，且&amp;amp;amp;lt; script &amp;amp;amp;gt;标签可以放在 &amp;amp;amp;lt; head
javaScript入门
qq_24832821的博客
03-02 177
一.什么是javaScript注：Java 与 javascript 没有关系 二.javascript 的作用            HTML：它是整个网站的骨架。            CSS： 它是对整个网站骨架的内容进行美化(修饰)            Javascript： 它能够让整个页面具有动态效果。 三.javascript 的组成部分         ECMAScript:它是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值