文盲的 JavaScript 经验谈之一:认识 JavaScript

2024-02-25 20:58

本文主要是介绍文盲的 JavaScript 经验谈之一:认识 JavaScript,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文盲的 JavaScript 经验谈之一:认识 JavaScript
文盲的 JavaScript 经验谈之二:了解一下浏览器对 JS 的处理
文盲的 JavaScript 经验谈之三:认识 arguments
文盲的 JavaScript 经验谈之四:在 JS 中使用闭包



写在文章之前:
    首先声明,这里写的内容不是一个教程,如果想系统的学习 JS ,还请看其他教程,这里只是文盲自己的一些心得体会。这里不会系统的讲解 JS 的一些基础知识,只是讲述文盲自己的理解。文中的谬误之初还请大家多多提醒。

-------------------------------------------------------------------------------------------------------
认识 JavaScript :
  

JavaScript 是Netscape公司与Sun公司合作开发的。在JavaScript出现之前,Web浏览器不过是一种能够显示超文本文档的软件的基本部分。而在 JavaScript出现之后,网页的内容不再局限于枯燥的文本,它们的可交互性得到了显著的改善。JavaScript的第一个版本,即 JavaScript 1.0版本,出现在1995年推出的Netscape Navigator 2浏览器中。

在JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场,微软的IE浏览器则扮演着追赶者的角色。微软在推出IE 3的时候发布了自己的VBScript语言并以JScript为名发布了JavaScript的一个版本,以此很快跟上了Netscape的步伐。

面对微软 公司的竞争,Netscape和Sun公司联合ECMA(欧洲计算机制造商协会)对JavaScript语言进行了标准化。其结果就是 ECMAScript语言,这使得同一种语言又多了一个名字。虽说ECMAScript这个名字没有流行开来,但人们现在谈论的JavaScript实际 上就是ECMAScript。

到了1996年,JavaScript、ECMAScript、JScript——随便你们怎么称呼它,已经站稳了脚跟。Netscape和微软公司在它们各自的第3版浏览器中都不同程度地提供了对JavaScript 1.1语言的支持。

摘自《JavaScript DOM 编程艺术》 


JS 本身单独存在是没有意义的,文盲用一句话来说明 JS 的作用就是:
JS 通过继承浏览器窗口的属性和事件,用 DOM 的方法来操作,实现页面的动态效果

最简单的例子就是弹出一个提示对话框

<script>
 alert('欢迎访问文盲的博客');
 </script>


这里的 alert 实际上就是继承自 window 对象的方法,完整的书写应该是 window.alert('欢迎访问文盲的博客');

另一个例子,改变层的显示状态

<div id="tst">这里是一个层</div>
 <script>
 document.getElementById('tst').style.display = 'none';
 </script>

这里就是使用的 DOM 方法来进行操作的

由此可见,要学习 JS ,对浏览器的认识和对 DOM 的了解是必备的知识。

-------------------------------------------------------------------------------------------------------

浏览器和 DOM 的知识这里就不在单独讲述了,文盲将以几个例子阐述文盲自己的认识

-------------------------------------------------------------------------------------------------------

了解 JS 可以操作的内容及操作方式:

    前面已经讲述了 JS 的最终目的是 实现页面的动态效果,那么基本上浏览器内的内容都可以被 JS 来引用或者说继承,比如

<script>
 var winA = window.open('','_blank','');
 winA.document.write('<title>这里是一个新开的窗口</title>');
 winA.document.write('<div style="height:100px;width:100px;border:1px solid #CCCCCC;background:#EEEEEE;">A box.</div>');
 </script>

在这里,我们定义了一个变量 winA,而这个变量则是一个引用的 window 对象,这个对象是由 window.open 方法建立的。然后我们通过向 winA 这个对象中输出内容,制作了一个简单的新的页面。

这样,我们就需要理解 JS 中对变量的定义方式;

在 JS 中,变量分为两大体系,一个是值类型,另一个引用类型;

var a = 1;

这里定义的变量 a  就是值类型的

而上述例子中的 winA 就是引用类型的

值类型基本上常用的有数值型(number)、字符串型(string)、布尔型(boolen)、空类型(null)、未定义/未初始化型(undefine),还有一些不常用的比如 NaN、Infinity 等

引用类型则种类很多,比如常见的日期型(Date())、各种 DOM 对象、数组(Array())、类,以及各种可以被 JS 引用的控件类型

上述的 winA 就是一个 DOM 的对象,具体的说就是一个 window 对象,该对象含有一切一个正常浏览器所包含的各种属性、方法和事件。

这篇关于文盲的 JavaScript 经验谈之一:认识 JavaScript的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/746696

相关文章

Java堆转储文件之1.6G大文件处理完整指南

《Java堆转储文件之1.6G大文件处理完整指南》堆转储文件是优化、分析内存消耗的重要工具,:本文主要介绍Java堆转储文件之1.6G大文件处理的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言文件为什么这么大?如何处理这个文件?分析文件内容(推荐)删除文件(如果不需要)查看错误来源如何避

SpringBoot整合Dubbo+ZK注册失败的坑及解决

《SpringBoot整合Dubbo+ZK注册失败的坑及解决》使用Dubbo框架时,需在公共pom添加依赖,启动类加@EnableDubbo,实现类用@DubboService替代@Service,配... 目录1.先看下公共的pom(maven创建的pom工程)2.启动类上加@EnableDubbo3.实

SpringBoot整合(ES)ElasticSearch7.8实践

《SpringBoot整合(ES)ElasticSearch7.8实践》本文详细介绍了SpringBoot整合ElasticSearch7.8的教程,涵盖依赖添加、客户端初始化、索引创建与获取、批量插... 目录SpringBoot整合ElasticSearch7.8添加依赖初始化创建SpringBoot项

JAVA覆盖和重写的区别及说明

《JAVA覆盖和重写的区别及说明》非静态方法的覆盖即重写,具有多态性;静态方法无法被覆盖,但可被重写(仅通过类名调用),二者区别在于绑定时机与引用类型关联性... 目录Java覆盖和重写的区别经常听到两种话认真读完上面两份代码JAVA覆盖和重写的区别经常听到两种话1.覆盖=重写。2.静态方法可andro

SpringBoot中六种批量更新Mysql的方式效率对比分析

《SpringBoot中六种批量更新Mysql的方式效率对比分析》文章比较了MySQL大数据量批量更新的多种方法,指出REPLACEINTO和ONDUPLICATEKEY效率最高但存在数据风险,MyB... 目录效率比较测试结构数据库初始化测试数据批量修改方案第一种 for第二种 case when第三种

Java docx4j高效处理Word文档的实战指南

《Javadocx4j高效处理Word文档的实战指南》对于需要在Java应用程序中生成、修改或处理Word文档的开发者来说,docx4j是一个强大而专业的选择,下面我们就来看看docx4j的具体使用... 目录引言一、环境准备与基础配置1.1 Maven依赖配置1.2 初始化测试类二、增强版文档操作示例2.

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Spring Boot中的路径变量示例详解

《SpringBoot中的路径变量示例详解》SpringBoot中PathVariable通过@PathVariable注解实现URL参数与方法参数绑定,支持多参数接收、类型转换、可选参数、默认值及... 目录一. 基本用法与参数映射1.路径定义2.参数绑定&nhttp://www.chinasem.cnbs

JAVA中安装多个JDK的方法

《JAVA中安装多个JDK的方法》文章介绍了在Windows系统上安装多个JDK版本的方法,包括下载、安装路径修改、环境变量配置(JAVA_HOME和Path),并说明如何通过调整JAVA_HOME在... 首先去oracle官网下载好两个版本不同的jdk(需要登录Oracle账号,没有可以免费注册)下载完

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命