Javascript学习

简介: Javascript学习

1.什么是javascript

JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的高级语言。

脚本语言:在程序的运行过程中逐行进行解释执行,不需要预编译。

动态类型:在声明了一个变量之后,我们能够随时改变它的数据类型

弱类型:变量在使用前不需要做类型声明,而是解释器在运行时检查它的数据类型。     直译式:运行的时候将程序直接编译成机器语言(浏览器中的js引擎)

2.javascript特点

简单性:它的变量类型是采用弱类型,并未使用严格的数据类型。

安全性:js 不允许直接访问本地的硬盘,而且不能将数据存放到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失。

动态性:js 可以直接对用户的输入做出响应而无需经过 Web 服务程序。它对用户的响应是采用以事件驱动的方式进行的。

跨平台性:js 仅依赖于浏览器本身,与操作系统无关,只要是能运行浏览器的计算机,并支持 js

的浏览器就可以正确执行。

3.JavaScript 的组成部分

ECMAScript:简称 ES,它是 JS 的基本语法,也是 JS 的核心。

DOM:(文档对象模型),使 JS 对 HTML 元素具有操作的能力。

BOM:(浏览器对象模型),使 JS 能够获取浏览器信息或操作浏览器。

4.javascript代码的学习

      首先,学习了上面一些理论知识,使我们对javascript有了更深的理解,接下来就进行实战演习了。

conlose.log()

      JS 中常用的调试语句,该语句会将内容输出到控制台的 Console 中。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script>
      // 输出到控制台打印
      console.log("hello word")
    </script>
  </body>
</html>

      如下图所示,我输入了一个 console.log("hello word"),我所输入的内容可以在浏览器控制台查看。

      要注意的一点是在输入英文或者汉字的时候要使用双引号或者单引号给他包起来,否则是会报错的。

docment.write()

      JS 中的输出语句,该语句会将内容输出到页面上,并且能够解析标签元素

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script>
      // 输出到页面
      document.write("你好")
    </script>
  </body>
</html>

      输入在网页页面和输入在控制台用法相似,代码有点差别,还是很简单易懂的

alert()

      JS 中的警告弹框,该语句会将内容以弹窗的形式提示用户。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script>
           alert(123)
    </script>
  </body>
</html>

      如图所示,只要进入或者刷新,弹窗就会一直存在的。

5.javascript 变量

      //变量声明,并赋值

      var num;

      num=1;

      赋值之后我们就可以获取里面的值打印到控制台或者网页里面了,结合上位所讲,并且var是可以同时声明的。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script>
      // 同时声明
      var num3, num4, num5, num6;
      num3 = 0;
      num4 = 1;
      num5 = 2;
      num6 = 3;
      console.log(num3, num4, num5, num6);
    </script>
  </body>
</html>

   

如以上所讲,这就是今天所有的内容了,谢谢大家观看

      我是小辉,请大家多多关照

目录
相关文章
|
6天前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
1月前
|
JavaScript 前端开发 关系型数据库
如何学习 Node.js?
【8月更文挑战第4天】如何学习 Node.js?
27 3
|
14天前
|
JSON 前端开发 JavaScript
|
13天前
|
JavaScript 前端开发 iOS开发
学习强大的JavaScript一行代码,能够节省你的时间和代码量
这段内容介绍了25个实用的JavaScript一行代码技巧,涵盖复制内容到剪贴板、打乱数组、颜色值转换、计算平均值、检查数字奇偶性、数组去重、对象为空检测、字符串反转、日期计算、首字母大写、生成随机字符串、四舍五入、清除Cookie、检测暗黑模式等,帮助开发者提高效率并简化代码。
16 2
|
15天前
|
JavaScript 前端开发 小程序
基于js开发快速学习鸿蒙基础
【8月更文挑战第26天】
27 1
|
16天前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
38 1
|
19天前
|
存储 JavaScript 前端开发
学习JavaScript 内存机制
【8月更文挑战第23天】学习JavaScript 内存机制
18 3
|
21天前
|
JSON JavaScript 前端开发
JS 和 ES6 补充学习
【8月更文挑战第21天】
29 4
|
27天前
|
JavaScript 前端开发
Javascript学习
Javascript学习
|
30天前
|
JavaScript 前端开发 数据可视化
图像裁剪库Cropper.js的学习使用
图像裁剪库Cropper.js的学习使用
36 4