JavaScript入门(一)

学习js之前,我们先来了解一下,什么是JavaScript?

  • JavaScript是一种解释型语言。在运行的时候,一边读一边编译一边执行。简单来说就是,在执行js代码时,读第n行代码的时候,并不知道第n+1行的代码是什么。
  • JavaScript也是一种轻量型的脚本语言。所谓“脚本语言”,指的是他不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”
  • JavaScript也是一种嵌入式语言(embedded)。它本身提供的核心语法不算很多,只能用来做一些数学何逻辑运算。JavaScript本身不提供任何与I/O(输入/输出)相关的API,都要靠宿主环境提供,所以JavaScript只适合更大型的应用程序环境,去调用宿主环境提供的底层API。

JavaScript的核心语法?

  JavaScript的核心语法非常的精简,只包括两个部分:

  • 基本的语法构造。比如控制语句(if...else,switch),循环语句(for,while,do..while)等
  • 标准库。比如Array,Math,Date等。除此之外,各宿主提供的API(也即是在该环境下才能使用),以便JavaScript调用。以浏览器为例,提供的API主要分为三大类:
  1. 浏览器控制类:操作浏览器
  2. DOM类:操作网页中的各种元素
  3. Web类:实现互联网的各种操作

ps.我们现在学习的主要是ES5版本,ES5也是学习JavaScript必须要学的,后面我们还会继续学习ES6,即使现在都已经有ES11了,但是都是在es5的基础上。所以,JavaScript入门都是从ES5学起。

js代码写在哪里?

  • <script>标签。这个标签嵌套在HTML页面中,具体位置一般在body体,也可以在head头,body体外html内。这里需要说一下,现在写<script>js代码</script>就行,不用加type=‘text/javasrcipt',因为现在浏览器的脚本语言就只有JavaScript了,以前没统一浏览器之前,为了其他的脚本语言,才写type=‘text/javasrcipt';
  • 单独的js文件。把js代码写在单独的文件,只需要在html中引入就行。<script src=path><script>。

关于js调试方法?

  1. console.log()。最常见的调试方法,打印信息到控制台中。
  2. console.clear()。清除控制台的所有内容。
  3. console.error()。打印错误提示信息。颜色为红色,一般用来警告。

js严格区分字母大小写?

  对于js来说,虽然是弱语言,但还没想象中的那么弱,Console.log()写成这样绝对报错。

参考文章 https://wangdoc.com/javascript/basic/introduction.html

JavaScript入门-学习笔记(一)的更多相关文章

  1. javascript入门学习笔记2

    JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型: 实例 var x // x 为 undefined var x = 6; // x 为数字 var x = "Bil ...

  2. javascript入门学习笔记

    <button type="button" onclick="alert('Welcome!')">点击这里</button>alert ...

  3. JavaScript入门学习笔记(JSON)

    JSON是JavaScript Object Notation的简称,是一种轻量级的数据交换格式. JSON使用JS的语法,但其格式只是一个文本,可以被任何编程语言读取病作为数据格式传递. JSON以 ...

  4. JavaScript入门学习笔记(异常处理)

    try:语句测试代码块的错误,当try中的代码块出错时执行catch中的代码块. catch:语句处理错误: throw:语句创建或抛出自定义异常. 三者一起使用可以控制程序流并生成自定义异常信息. ...

  5. JavaScript入门学习笔记(二)

    JavaScript运算符: 算术运算符.赋值运算符和字符串连接运算符. 算法运算符与复制运算符用法参照Java: 字符串运算符: +运算符用于把文本值或字符串变量连接起来,适用于两个或更多字符串变量 ...

  6. JavaScript入门学习笔记(一)

    W3cJavaScript教程 JS是JavaScript的缩写,而JSP是Java Server Page的缩写,后者是用于服务器的语言. JavaScript代码写在标签<script> ...

  7. JavaScript入门-学习笔记(二)

    关于js变量 变量,就是一个用来存储数据的容器 一般来说,我们的变量都是可以得先声明,再使用,就像是一个东西先必须存在,才能看得见摸得着.然而在js里(es5),可以先使用,后声明. a = 100; ...

  8. JavaScript入门学习笔记(表单验证)

    表单验证: 在数据被送到服务器之前对HTML表单中的输入数据进行验证,避免服务器频繁验证信息造成用户体验差. (1)表单数据是否为空 (2)输入的信息格式是否正确 (3)输入数据的类型是否正确 必填( ...

  9. Sass简单、快速上手_Sass快速入门学习笔记总结

    Sass是世界上最成熟.稳定和强大的专业级css扩展语言 ,除了Sass是css的一种预处理器语言,类似的语言还有Less,Stylus等. 这篇文章关于Sass快速入门学习笔记. 资源网站大全 ht ...

随机推荐

  1. moviepy用VideoFileClip加载视频时报UnicodeDecodeError: utf-8 codec cant decode byte invalid start byte错误

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 老猿学5G博文目录 使用moviepy用: clip1 = Video ...

  2. 第二十五章、containers容器类部件GroupBox分组框详解

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 一.概述 容器部件就是可以在部件内放置其他部件的部件,在Qt Designer中可以使用的容器部件有 ...

  3. PyQt(Python+Qt)学习随笔:QListWidget的currentRow属性

    QListWidget的currentRow属性保存当前项的位置,为整型,从0开始计数,在某些选择模式下,当前项可能也是选中项. currentRow属性可以通过方法currentRow().setC ...

  4. PyQt(Python+Qt)学习随笔:Qt Designer中主窗口对象的animated属性

    animated属性用于设置在操作可浮动部件和工具栏时是否设置动画. 当一个可浮动部件或工具栏被拖到主窗口上时,主窗口将调整其内容,以显示浮动部件或工具栏应该放置的位置.设置此属性后主窗口将使用平滑动 ...

  5. 使用PyQt(Python+Qt)+动态编译36行代码实现的计算器

    PyQt是基于跨平台的图形界面C++开发工具Qt加Python包装的一个GPL软件(GPL是GNU General Public License的缩写,是GNU通用公共授权非正式的中文翻译),Qt基于 ...

  6. iOS崩溃日志 如何看

    日志主要分为六个部分:进程信息.基本信息.异常信息.线程回溯.线程状态和二进制映像. 我们在进行iPhone应用测试时必然会在"隐私"中找到不少应用的崩溃日志,但是不会阅读对于很多 ...

  7. Hive数据导入HBase引起数据膨胀引发的思考

    最近朋友公司在做一些数据的迁移,主要是将一些Hive处理之后的热数据导入到HBase中,但是遇到了一个很奇怪的问题:同样的数据到了HBase中,所占空间竟增长了好几倍!详谈中,笔者建议朋友至少从几点原 ...

  8. css外边距重叠及避免方法

    <html lang="en"> <head> <meta charset="UTF-8"> <meta name=& ...

  9. Fabric v2.0中的隐私数据

    文章来源于https://hyperledger-fabric.readthedocs.io/en/release-2.0/ 私有数据集在v1.4中提出,一直使用的是隐私数据集方式,即建立一个隐私数据 ...

  10. kafka-java消费者与生产者代码示例

    引入依赖 <dependency> <groupId>org.apache.kafka</groupId> <artifactId>kafka_2.11 ...