首页 > 编程语言 > 详细

JavaScript介绍

时间:2021-06-17 16:56:14      阅读:15      评论:0      收藏:0      [点我收藏+]

什么是 JavaScript

Javascript 的主要目的是使网页更具交互性和信息量目前,Javascript 不仅用于客户端,而且javascript 还用于服务器、桌面应用程序、移动设备、物联网

我们可以使用 Javascript 做很多事情,例如与 HTML 元素交互、在使用 Web 元素进行活动时做出响应、创建游戏、创建 2D 和 3D 动画、与数据库交互等等。

JavaScript于 1996 年正式被称为ECMAScript,其中 ECMAScript 2 于 1998 年推出,ECMAScript 3 于 1999 年推出。 ECMAScript 最终发展成为 JavaScript。不仅跨浏览器,而且 JavaScript 可以在各种设备上使用,如移动设备和计算机。

JavaScript 的优势

  • 不需要编译器,因为 Web 浏览器会自动用 HTML 解释它。
  • 简单易学。
  • JS 可以在许多浏览器和平台中使用。
  • 使网页信息更丰富。
  • 易于查找插件或附加组件以加快应用程序开发。
  • 很多教程已经免费分享

如何检测 Javascript 编程中的错误。

如果您仅使用文本编辑器开发 javascript 应用程序,您如何检查 Javascript 错误消息

每个浏览器都有一个控制台,旨在检查网页上发生的错误。例如,Chrome 通过按F12 键右键单击浏览器并选择 Inspect Element 菜单显示控制台窗口

 

创建一个helloword

到这一步,至少你已经掌握了Javascript配套工具,下一步我们用Javascript做第一个程序。

打开你最喜欢的文本编辑器(这里使用sublime并扩展JsFormat,Emmet),复制以下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log("hello world");
    </script>
</body>
</html>

使用名称index1.html保存上面的代码并在您喜欢的浏览器上运行它。不要忘记按 F12 看到控制台窗口,在控制台窗口中显示“ Hello World ”一词

要在网页上显示,我们可以在console.log()下添加以下代码

document.write("hello world web page");

 

如何用 HTML 编写 Javascript 代码

在上面的例子中,我们用 HTML 编写了 javascript 代码。

还有一些方法我们需要知道:

  • 嵌入(直接粘贴在 HTML 上的 Javascript 代码)

这样,我们就使用标签将 Javascript 代码粘贴到 HTML 中。我们在上面显示“ hello world ”的时候就做了这个方法

 

 

  • 内联(用 HTML 属性编写的 Javascript 代码)

这样,我们就在 HTML 属性中编写了 javascript 代码。此方法通常用于为特定事件调用函数。

例如:点击事件。

简要说明:

onClick属性中,我们在那里编写 Javascript 函数。

onClick 属性是一个 HTML 属性,用于声明将在元素单击时执行的函数。

    <a href="#" onclick=‘alert("hello world")‘>click</a>

在上面的例子中,我们运行了alert()函数。Alert()是一个显示对话框的函数

因为我们要在那里调用javascript代码,那么我们把链接地址改成javascript:然后是要调用的函数。

  • 外部(Javascript 代码与 HTML 文件分开编写)

这样,我们将javascript代码与HTML文件分开编写。

我们创建两个文件,分别是:HTML 和 Javascript 文件。通过下面语句在HTML 引用该文件。

<script src="myjs.js"></script>

 

Javascript 中的变量和数据类型

变量和数据类型说明

什么是变量?

在计算机编程中,变量是存储值或信息的容器变量是用于保存一个或多个值的标识。该值可以在整个程序代码中更改。

从技术上讲,变量是指计算机内存中的地址。每个变量都有一个唯一的名称作为标识

什么是数据类型?

数据类型是一种可以被计算机处理以满足编程需要的数据类型

在声明变量或常量时,您必须能够确定适合该变量的数据类型。无论使用何种编程语言,变量和数据类型始终存在

 

Javascript 编程中的变量

在这种情况下,我们学习 Javascript变量和数据类型一般来说,如何声明一个变量是从var关键字开始的,但是从 ES6 开始,Javascript 有了两个新的关键字,letconst来处理变量问题。

保留 Var 关键字以保持与以前版本的兼容性。那有什么区别呢?什么时候使用 let 和 const?我们将在本文末尾讨论这个问题。

如何在 Javascript 中创建变量

通常如何使用 var 关键字创建 Javascript 变量,然后是变量的名称及其值。

例子:

var sitename = "Hgirl"

简要说明:

在上面的示例中,我们使用小写字母和大写字母表示由两个或多个音节组成的变量名称。

为什么?在Javascript中,推荐使用camelCase命名变量。您可以使用下划线替换它,例如将 var siteName写入var site_name那不会有问题。

然而,大多数 Javascript 程序员使用驼峰式命名法

变量可以无值声明。如果空白变量价值为“未定义”

例子:

var sitename; 

如何打印 Javascript 变量的内容

要显示变量的内容,我们可以使用几个函数来显示输出,例如:

  • console.log() :显示输出到 javascript 控制台。
  • document.write() :将输出显示为 HTML 文档。
  • alert() :将输出显示到对话窗口。

更改/编辑变量中的值

变量是可变的,这意味着存储的值可以更改。

更改变量中的数据时,无需添加 var 关键字,因为 需要使用var 关键字来声明新变量所以我们输入变量名并更改值。如果添加 var 关键字,Javascript 将创建一个新变量.

Javascript 数据类型

数据类型是可以存储在变量中的数据类型。Javascript 编程中有几种数据类型:

  • 字符
  • 整数
  • 浮点
  • 布尔
  • Object

数组数据类型呢?在javascript中,数组与数据对象类型相同

Javascript 是一种动态类型的编程语言,因此我们在创建变量时不必编写数据类型。

例子:

var siteName = "Hgirl"
var siteAge =61
var isActive = true

Javascript 会自动识别我们在变量中提供的数据类型。

 

在上面的例子中:

  • siteName是字符串类型
  • siteAge是一个整数类型
  • isActive与布尔类型。

要检查使用的数据类型,您可以使用typeof关键字。

let 的工作方式和 var 几乎一样,区别在于作用域。var 是函数作用域,而 let 是块作用域。

Let 被用来纠正一些 var 缺陷。

常量

Const 或 Constants 是固定变量,因此变量的名称和内容不能更改。

    • 变量和数据类型是任何编程语言都必须学习的两项基本知识。
    • 在 Javascript 中,我们在创建变量时不必编写数据类型,因为 Javascript 是动态类型。
      在声明变量时,您应该:

       

      • 最好使用 let,将 var 用于特定的事情,因为 var 是全局的
      • 对值固定的变量使用 const

 

 

 

JavaScript介绍

原文:https://www.cnblogs.com/changryJB/p/14893314.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!