首页 > 其他分享 >JS的简介

JS的简介

时间:2022-08-20 19:22:49浏览次数:66  
标签:console 语言 简介 JavaScript JS var 脚本语言


JS式JavaScript的简称,它是一门弱语言,它可以实现让网页动起来

JS的构成

  • 核心(ECMAScript)
  • 文档对象模型(DOM)-- Document Object  Module
  • 浏览器对象模型(BOM)-- Browser Object Module

**ECMAScript:是一种 由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展 **
**BOM: Browser Object Model,提供与浏览器交互的方法和接口 **
**DOM: Document Object Model,提供访问和操作网页内容的方法和接口 **

Js的特点

JavaScript是一种脚本语言并且是一种基于对象和事件驱动的脚本语言。之所以要使用JavaScript不仅仅是因为JavaScript很安全,而且是因为它能与HTML、Java的Applet一起实现在一个web页面中连接多个对象,并与web客户交互作用,开发各种客户端的应用程序,满足人们的各种需求。JavaScript是通过嵌入或调入到标准的HTML语言中实现的,它的出现很好地填补了HTML的缺陷,是Java与HTML语言的桥梁。JavaScript有以下几个基本特点:

  1. JavaScript是一种脚本编程语言

这里要解释一下什么是脚本语言,也许很多读者之前已经接触过脚本语言,其实脚本语言是一种简单的程序,它是由一些ASCII字符构成,可以直接用记事本等文本编辑器编写,事先也不用编译,只需要利用解释器就可以解释执行。
前面已经介绍过JavaScript是一种脚本语言,是采用小程序段的方式实现编程。正如其它脚本语言一样,JavaScript也是一种解释性语言,它提供了一个容易的开发过程。JavaScript的基本结构形式与其它高级语言类似(如C、C++、VB、Delphi等),但它与这些高级语言不同的是,其它高级语言需要先进行编译然后才能被执行,JavaScript则是在程序运行过程中一条一条被解释执行。JavaScript与HTML结合在一起,极大地方便了用户的使用操作。

  1. JavaScript是面向对象的语言

JavaScript是一种面向对象的语言,那就是说,它本身也可以创建对象,以及调用对象的操作。因此,JavaScript的诸多功能可以来自于脚本环境中各种对象的调用。

  1. JavaScript的简单性

之所以说JavaScript是简单的,首先是因为它是一种基于Java的基本语句和控制流之上的简单而紧凑的设计,这对于更进一步学习Java是一个非常好的过渡,其次是因为它的所有变量都是弱类型,并且都没有像其它需要编译的高级语言那样使用严格的数据类型。

  1. JavaScrip的安全性

JavaScrip就像Java一样是一种非常安全的语言,它不允许访问本地的硬盘,并且不允许把数据存入到服务器上,还不允许对网络文档进行修改和删除,只允许通过浏览器实现信息浏览和动态交互,这样确保了对数据的安全化操作。

  1. JavaScript的动态性

之所以说JavaScript是动态的,是因为它可以直接对用户或客户的输入操作做出响应,而不必经过web服务器或web服务器程序。
JavaScript对用户的响应是采用事件驱动的方式进行的。简单地说,事件驱动是指在页面中执行了某种操作后产生相应的动作,例如,按下鼠标、选择菜单以及移动窗口等都可以被视为事件,当事件发生后,就会有相应的事件响应该事件。

  1. JavaScript的跨平台性

JavaScript同Java一样是与操作环境无关的,它只依赖于浏览器,只要客户的计算机浏览器支持JavaScrip,它就可以被正确解释执行。从而实现一次编写,到处运行。
综合以上特点,JavaScrip是一种全新的描述性语言,它可以完全被嵌入到HTML文档中运行。JavaScrip可以在不用任何的网络来回传输控制命令的前提下做到响应使用者的需求事件(如form的输入等)。因此当一个用户输入某一项资料时,它并不用经常传给服务端处理,再传回客户端的过程,而是可以直接被客户端的应用程序自己处理,节省了服务器处理时间。

JS的使用方式

  1. 行内式

直接在标签内来引入JS代码

<a href="javaScript:alert('你已经领取过了')">领取奖品</a>
<input type="button" value="点击有惊喜" onclick="alert('哈哈哈哈')">
  1. 内部式

使用<script></script>标签,将代码写在标签内部

<script>
	JavaScript 语言代码;
</script>
  1. 外部式

通过<script src = "地址"></script>标签,来引入外部的JS代码,值得注意的是,此时标签内部的JS代码不会生效

<script src="./js/my.js"></script>//引入成功
<script src="./js/my.js">
	console.log('此处的代码不会被显示')
</script>
  • 嵌入和导入的数量不受限制;

JS的语法规范

标识符

  • 标识符只能由数组、字母、下划线、$组成
  • 不能以数字开头
  • 区分大小写
  • 不能是关键字和保留字
  • 见名知意
  • 小驼峰命名
var 1name;//不可以
var name;
var Name;//与name不同
var myName;//提倡

注释

//单行注释
/*
	多行注释
*/

/*
* 
* 这个也是多行注释
*
*/

空格

空格的位置不会影响代码的解析,但是不要将关键字或者标识符分开,适当的添加空格可以提高代码的可读性

var      name   =      123;
console     .     log   ( '1    2    3'   );
v   ar name;//报错
var name = '王磊';

表达式

JS代码中的;表示一句代码的结束,当然也可以省略,但是当遇到立即执行函数的情况下是不能省略的

var name = 12
console.log(123)
(function (){
	console.log(123)
})();//这里一定要添加分号
var age = 18

JS输入输出方法

console

  • console.log() 打印日志信息
  • console.dir() 打印详细信息
  • console.error() 打印错误信息
  • console.warn() 打印警告信息
  • console.table() 打印表格信息

window

  • window.alter() 弹出警告框
  • window.prompt() 获取用户输入

document

  • document.write() 向页面写入信息
  • document.querySelector() 获取页面元素

标签:console,语言,简介,JavaScript,JS,var,脚本语言
From: https://www.cnblogs.com/Kongqingzhi/p/16608449.html

相关文章

  • js上传图片裁剪
    最近做一个图片上传需要裁剪一下的功能然后百度了一下,找到了cropperjs说明文档 https://www.npmjs.com/package/cropperjs 这是一个简单的基础使用 <!DOCTYPEht......
  • js购物车实现
    1.添加购物车<style>*{margin:0;padding:0;}#addGoodContent{border-radius:5px;......
  • js主要兼容写法
    事件对象兼容:lete=evt||event//凡是使用到事件的时候无脑兼容阻止事件冒泡的兼容:e.stoPropagation?e.stopPropagation():e.cancelBubble=true阻止浏览器......
  • MySQL JSON函数文档搬运
    本文搬运了MySQL对JSON的支持相关的函数/*自MySQL5.7版本以后,加入了JSON字段类型支持,并提供一系列函数实测字段类型设置为varchar,只要字段值为合法json,MYSQLJSO......
  • JS 作用域和作用域链
    js的作用域是让我们访问变量和函数的区域,作用域规定了如何查找变量;js有两种作用域:全局作用域,局部作用域;局部作用域又可分为函数作用域,块级作用域和其它具体的作用域......
  • Java List转 JSONObject
    JavaList转JSONObjectpom.xml<dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>......
  • JSON的概念和语法定义
    JSON的概念概念:JavaScriptObjectNotationJavaScript对象表示法json现在多用于存储和交换文本信息的语法进行数据的传输JSON比XML更小、更快,更易解析JSON是轻量......
  • js里面的三种注释方法
    https://www.cnblogs.com/rubylouvre/p/3649999.htmljavascript(js)语言里面的注释方法有三种。第一种是多行注释"/**/",一般js文件开头,介绍作者,函数等信息。/......
  • delphi基于结构的CRUD(JSON)
    delphi基于结构的CRUD(JSON)以采购订单为例。unitrest.tcgddtcgdd2;//代码由代码工厂自动生成//2022-08-2016:04:54{$Idef.inc}interfaceuses{$IFDEFfiredac......
  • JSON概念和JSON语法的定义与值的获取
    JSON概念概念: JavaScript Object NotationJavaScript对象标记法var p={"name":"张三","age":23,"gender":"男"}; json现在多用于存储和交换文本信息的语法......