JS基础（一）—— Javascript的组成功能与简单用法

最新推荐文章于 2023-09-13 17:31:51 发布
最新推荐文章于 2023-09-13 17:31:51 发布
阅读量439 收藏 2
点赞数 1
分类专栏： JS 前端 文章标签： JS基础（一）——Javascript的组成功能与简单用法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44222492/article/details/100199292
版权
前端 同时被 2 个专栏收录
13 篇文章 1 订阅
订阅专栏
JS
3 篇文章 0 订阅
订阅专栏

一、Javascript的介绍及其功能

  JavaScript是一种专为与网页交互而设计的客户端脚本语言，最初是为了实现表单验证。

JavaScript能完成的功能：
  • 用户交互(表单验证)
  • 网页特效(漂浮的广告)
  • 用户记住账户名密码
  • 网页游戏

二、Javascript的组成
Javascript
ECMAScript
BOM
DOM
  • ECMAScript:是一种Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广
    泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。
  • BOM：Browse Object Model，提供与浏览器交互的方法和接口。（整个浏览器）
  • DOM：Document Object Model，提供访问和操作网页内容的方法和接口。（document文档 （整个文档）：从<html>开始到</html>）

三、Javascript的简单用法

1. Javascript标签

在这里插入图片描述

注意：
1、type = “text/ javascript” 说明当前script标签中文本的类型。
2、所有的JS代码都必须写在script标签里。
3、为了语法规范，script标签写在head标签中。
4、可以引入多个script标签，多个script标签之间，顺序执行。
5、js代码可以外部引入。
6、如果当前script标签作用引入外部文件，这个script标签中， 就不能再写代码了。

2. JavaScript和HTML的执行顺序

  Javascript和HTML代码在同一个 文件中写，它们的执行顺序是从上朝下，谁在前先执行谁，一般来说，没有特殊需求，Javascript代码写 在<head>与</head>中间，当然Javascript代码写在html文件的任何地方都可以。Javascript标签可以出现多个。

3. javaScript注释

  • 单行注释//
    快捷键：ctrl+/
  • 多行注释/**/
    快捷键：ctrl+shift+/

4. JavaScript文件引入方式

<script type="textjavascript" src="demo1.is" ></script>

注意:
1、不可以使用单标

<script type="text/javascript" src="demo1.js"/>

2、不可以在标签中写代码

<script src="demo1.js">alert('xxx');</script>

5. <script>标签的属性

language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。
src：表示要引入的外部文件。
type：表示脚本语言的类型。

注意：
text/javascript表示说明这一段脚 本语言是JavaScript,告诉浏览器这一段要按照JavaScript来解释执行。

别样的人儿
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript学习之JavaScript的组成、特点、用途
Android_iao的博客
09-20 1358
JavaScript的组成： JavaScript主要由三部分组成： 1、ECMAScript：ECMAScript前面介绍过（为统一规格而指定的标准），JavaScript就是基于这个标准开发的。ECMAScript是JavaScript的核心，它规定了JavaScript的数据、语法、结构等，简单的说就是JavaScript的代码该怎么写必须得按ECMAScript的标准来。 2、DOM(Do...
JavaScript的基本使用（一）
weixin_61561066的博客
05-11 642
一、JavaScript JavaScript是一个脚本语言(嵌入页面中,通过浏览器解析运行) JavaScript的组成 1、ECMAScript：是Javascript的核心，主要规定JavaScript的基本语法。所有的浏览器厂商都会遵循这个语法(标准) 2、DOM：文档对象模型(Document Object Model)，是W3c组织提供的编程接口。用户可以通过DOM的接口去操作页面中的元素 3、BOM：浏览器对象模型(Browser Object Model),独立于内容,可以和浏览器
初学JavaScript：js的组成、特点、作用、注释、变量和数据类型基本介绍
lalala_dxf的博客
04-11 1878
1、JavaScript的完整组成* ECMAScript，描述了该语言的语法和基本对象。 文档对象模型（DOM），描述处理网页内容的方法和接口。 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 ECMAScript【js标准】 由单行注释与块注释（ // 、/**/）、变量、操作符、流程控制语句、数组、对象、函数、正则表达式等构成的标准。目前基本所有的js解释器都可以兼容ECMAScript。 DOM文档对象模型【document object model】 简单来说就是使用JavaSc
JavaScript的基本概念和组成
大鹏的博客
12-19 600
1.软件应用软件：浏览器(chrome/ie/firefox)、QQ、Sublime、Word、webstorm系统软件：windows，Linux，unix，OSX，iOS，android2.硬件三大件：CPU,内存,硬盘输入设备：鼠标,键盘,摄像头等输出设备：显示器,打印机,投影仪等。
JavaScript是什么？能做什么？一篇文章带你了解JavaScript的发展史、组成及作用
思索的涟漪，突破自我
01-06 9652
一篇文章带你了解JavaScript的发展史、组成、作用、关键字… JavaScript是web开发必备的，C、C++、Java等高级语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释，Java之于JavaScript就好比雷锋和雷峰塔的关系……
JavaScript的简单介绍和应用
xy25408的博客
08-31 172
1.JavaScript的组成部分 （面试题） 1.1 ECMAScript 描述了该语言的语法和基本对象，JS的核心语法标准 其中，包含注释 // ，/**/、变量、操作符、流程控制语句、数组、对象、函数、正则表达式… 所有的js解释器都可以兼容ECMAScript 变量：var、let、const var用于声明一个变量，let、const在ES6中新增，在es6中，可以通过let声明一个变量，通过const声明一个常量 var、let、const变量的区别 1. var 声明全局变量，作用域为全局 l
JavaScript程序设计——页面设置与表单验证实验报告.docx
11-11
实现HTML界面设计、布局的方法。 实现各种控件的使用方法。 实现对界面项目进行表单验证的方法。 实现表单标记，表单提交方式、编码方式等知识点。
littlejs::grinning_face:自己写的一个Javascript基础库——littlejs，Little and basic
05-29
支持异步方法之一generator的使用; 手势系统 扩展机制 常用工具库fn ArraryFn client系列兼容库 DateFn DomFn Http（ajax、fetchHttp） NumberFn scroll系列兼容库 Storage缓存库 StringFn type类型判断库 OtherFn...
Javascript/Jquery——简单定时器的多种实现方法
10-27
本文为大家详细介绍下使用Javascript/Jquery实现简单的定时器，方法有多种，大家可以根据自己的喜好自由选择，希望对大家有所帮助
JavaScript基础——使用Canvas绘图
12-29
最近在学习Canvas画图的方法，最近有时间做了个整理，如下： 1、基本用法 要使用元素，必须先设置其width和height属性，指定可以绘图的区域大小，出现在开始后结束标签中的内容是后备信息，如果浏览器不支持元素，就...
csdoker#blog#Vue基础（一）——实例用法、版本区别1
07-25
title: Vue基础（一）——实例用法、版本区别如何使用Vue实例方法一：从HTML得到视图使用完整版Vue也可以通过import引用vue.js或者vue
JavaScript简介：组成、特点及用途
hdxx2022的博客
03-26 153
尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的脚本语言来推广和宣传，但是JavaScript具有非常丰富的特性。发展初期，JavaScript的标准并未确定，同期有Netscape的JavaScript，微软的JScript和CEnvi的ScriptEase三足鼎立。1997年，在ECMA（欧洲计算机制造商协会）的协调下，由Netscape、Sun、微软、Borland组成的工作组确定统一标准：ECMA-262。3.浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。
javascript的组成、特点、用途、历史
xiaoweids的博客
06-27 357
转自：微点阅读 https://www.weidianyuedu.comjavascript JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首
JS的基本使用大全，总结使用
高数老师的博客
11-29 1066
来自学习 s3chool后 目录 Js用法 body中的 JavaScript head 中的 JavaScript 函数 JavaScript 输出 JavaScript 变量 声明（创建） JavaScript 变量 一条语句，多个变量 JavaScript 数据类型 JavaScript 拥有动态类型 JavaScript 函数 avaScript 函数语法 Jav...
js的作用
最新发布
2301_76390945的博客
09-13 821
这对于实现无刷新的页面更新、实时更新数据等非常有用。1. 网页交互：JavaScript可以用来实现网页的动态交互效果，例如响应用户的点击、鼠标移动、键盘输入等事件，并根据用户的操作来改变网页的内容、样式或行为。2. 表单验证：JavaScript可以用来对用户输入的表单数据进行验证，例如检查用户是否填写了必填字段、验证邮箱或手机号的格式、比较两个密码是否一致等。4. 浏览器操作：JavaScript可以通过浏览器提供的API来操作浏览器，例如打开新的窗口、弹出提示框、获取浏览器的信息等。
javascript 基本功能
酆都城博客
07-20 938
JavaScript 奥义 JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。 脚本语言：不需要编译，就可以被浏览器直接解析执行了。 JavaScript 的核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。 在页面html 中使用 javascript 是要在 body标签下 用一对 script标签 来编写 Javascript 增添的动态功能 Javascript 的动态功能 有 超链接 弹窗 获取页面标
js常用功能汇总（100%实用）
weixin_43452154的博客
06-24 1045
获取一个class中的所有input值： $(".department").each(function() { var $this = $(this); alert($this.val()); }) js字符串的截取： sbustr 方法 返回一个从指定位置开始的指定长度的字符串 stringvar.substr(start,lenth); substring 方法 返回位于String对象中指定位置的子字符串 strVariable.substring(start
第七次课：js
m0_62395433的博客
02-22 191
一、简介 js是一个简称，全称：JavaScript js的功能： 是一个功能强大的脚本语言【脚本：代码量较小的程序】 js可以嵌入到html页面中，实现各种特效 案例： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> ...
JavaScript的基本使用
qq_1114382703的博客
02-26 1088
JavaScript简称为js，其中的部分语句和Java中是相同的，但js是一门弱类型的语言，所以两者还是有一点微小的区别，js的主要作用是用于给HTML页面页面上添加动态效果与交互操作，ECMA相当于JS的语言标准，目前最高是ES6。
javascript知识训练——字符串对象
06-28
### 回答1： 字符串对象是JavaScript中的一种数据类型，用于表示文本数据。字符串对象可以包含任何字符，包括字母、数字、符号和空格等。在JavaScript中，字符串对象是不可变的，也就是说一旦创建就不能修改。但是可以通过一些方法来操作字符串对象，如拼接、截取、替换等。常见的字符串方法有concat()、slice()、replace()等。掌握字符串对象的使用可以帮助我们更好地处理文本数据。 ### 回答2： JavaScript字符串对象是一个在JavaScript中非常重要的事物。JavaScript字符串对象可以帮助我们在JavaScript编程中进行文本操作。通过了解字符串对象，可以使我们更有效地处理字符串数据，并让我们的代码更加强大。 JavaScript中的字符串对象具有很多方法和属性，可以帮助我们对字符串进行各种操作。以下是一些常用的字符串对象方法： 1. length属性：返回字符串的长度。 2. charAt()方法：返回指定索引位置的字符。 3. concat()方法：连接两个或多个字符串。 4. slice()方法：提取字符串的一部分，并返回一个新字符串。 5. substr()方法：从指定位置开始提取长度为指定的字符。 6. replace()方法：替换字符串中的指定文本。 7. split()方法：将字符串转换为数组。 8. toLowerCase()方法：将字符串转换为小写。 9. toUpperCase()方法：将字符串转换为大写。 在JavaScript中处理字符串非常重要，因为在处理表单、验证用户输入等方面都需要使用到字符串。字符串对象也是最常用的JavaScript对象之一，因此熟悉JavaScript字符串对象将有助于提高程序的效率和简洁性。 需要特别注意字符串是不可修改的，一旦创建了一个字符串对象，就无法修改它的值。所以，任何字符串的修改操作都将返回一个新的字符串。 在编写程序时，应根据需要选择适当的字符串操作方法和属性。例如，在向用户显示错误消息时，可能需要使用charAt()方法或slice()方法来提取并显示错误消息中的第一个字符或前几个字符。或者，在对用户输入进行验证时，可以使用indexOf()方法或search()方法来检查输入的字符串中是否包含特定的字符或字符串。 总之，JavaScript字符串对象是处理JavaScript编程中文本数据的重要工具。通过了解字符串对象的各种方法和属性，可以更加有效和灵活的处理和操纵字符串数据。 ### 回答3： JavaScript中的字符串对象是一个字符串值的表示。它提供了对字符串值的访问和操作。JavaScript字符串是Unicode字符串，因此它们可以包含任何Unicode字符（包括多字节字符）。 字符串对象的主要方法有： 1. charAt()方法-返回指定索引的字符。该索引是基于零的。例如： var str = "hello world"; console.log(str.charAt(1)); //输出e 2. concat()方法-将一个或多个字符串连接到原始字符串，并返回新字符串。例如： var str1 = "hello "; var str2 = "world"; var newStr = str1.concat(str2); console.log(newStr); //输出hello world 3. indexOf()方法-返回第一个匹配的字符索引。如果没有找到匹配项，则返回-1。例如： var str = "hello world"; console.log(str.indexOf("world")); //输出6 4. lastIndexOf()方法-返回最后一个匹配的字符索引。如果没有找到匹配项，则返回-1。例如： var str = "hello world"; console.log(str.lastIndexOf("l")); //输出9 5. replace()方法-替换字符串中的字符。例如： var str = "hello world"; console.log(str.replace("world", "everyone")); //输出hello everyone 6. slice()方法-从字符串中提取指定的字符。例如： var str = "hello world"; console.log(str.slice(0, 5)); //输出hello 7. split()方法-将字符串拆分为子字符串，并返回一个数组。例如： var str = "hello world"; console.log(str.split(" ")); //输出["hello", "world"] 字符串对象是JavaScript中最常用的对象之一。它提供了许多方法，可以让您对字符串执行各种操作，包括搜索、提取和更改字符。熟练掌握这些方法，可以使您在JavaScript中更有效地处理字符串值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值