美文网首页IT技术篇
JavaScript基本语法

JavaScript基本语法

作者: 抱着星星入睡 | 来源:发表于2019-10-29 18:02 被阅读0次

通过对HTML和CSS的学习,我们已经可以很好地呈现出页面内容。不足的是这些内容是静态的,不能与用户交互,只能观看,用户体验差。因此需要一种既简单又灵活的编程语言来实现页面的特效和互动,JavaScript应运而生。

1. JavaScript概述

1.1 简史

JavaScript诞生于1995年,主要功能是进行用户输入的合法性验证。

1.2 概念

JavaScript也是程序语言的一种,但是JavaScript嵌入到HTML语言中,直接通过浏览器即可运行。通常情况下,JavaScript被称为Web脚步语言。因此,JavaScript是一种轻型的、解释性的脚本语言,是一种由浏览器内的解释器解释执行的程序语言。

1.3 执行原理

执行原理:当客户端请求某个页面时,服务器端将整个页面中包含JavaScript的脚本代码作为响应内容,发送回客户端机器,客户端浏览器根据发回的网页文件从上往下逐行读取并解析其中的html或脚本代码。

2. JavaScript脚本代码

在HTML代码中添加JavaScript脚本代码的三个方式,其效果相同。

2.1 HTML文件混合方式

在网页的<script></script>标签对中直接编写代码。
实例:

<body>
     <script>
            document.write("Hello World!");//运行会打印Hello World!
    </script>
</body>
2.2 JS文件引用方式

将脚本程序代码编写在一个单独的".js"文件中,然后在网页中引用该文件。
注意:不要在带有src属性的<script></script>标签中包含额外的JavaScript代码,如果包含了嵌入的代码,嵌入的代码会被忽略。
实例:我们在同目录下新建一个js文件,命名为1.1.js,1.1.js文件中只有一句脚本代码,如下:

document.write("Hello World!");
<body>
       <script src="1.1.js">aaa</script>;//运行会打印Hello World!不会打印aaa
</body>
2.3 HTML代码嵌入方式

将脚本程序代码作为某个html元素的事件属性值或超链接的href属性值。
实例:

<body>
       <a href="javascript:document.write("Hello World!")">aaa</a>;
      //运行点击aaa会打印Hello World!
</body>

3. 核心语法

JavaScript是一门语言,与其他程序设计语言相同,有独特的语法结构,主要包含变量、数据类型、运算符号、控制语句和注释等。

3.1 变量

变量是存储数据的基本单位,变量命名的规则与Java一样。在JavaScript中var是声明变量的关键字,JavaScript的变量采用弱类型的形式,即声明变量时不必确定类型,而是在使用或赋值时自动确定其数据类型。
语法:

var message;//声明变量
message = "hello";//不声明变量而直接赋值
var width = 10,height = 10;//连续声明变量而赋值
3.2 数据类型

JavaScript中有5种基本数据类型,分别是undefined、null、boolean、number和string,还有1种复杂数据类型——object对象类型。undefined表示变量没有定义。boolean用于表示一个逻辑表达式的结果,有两个标准值:true和false。number类型表示整数、小数。string是字符串类型。null是空类型,表示一个变量已经有值,但值为空对象。我们可以用typeof操作符来检测给定变量的数据类型。
实例:

var message = "hello";
document.write(typeof message);//string
var name;
document.write(typeof name);//undefined
var age=4.38;
document.write(typeof age);//number
var obj = new Date();
document.write(typeof  obj );//object
var flag = 1>5;
document.write(typeof  flag );//boolean
var obj = null;
document.write(typeof  obj );//null
3.3 运算符,注释,控制语句

与Java相同,不多说。

4. 推荐学习网站

[菜鸟教程](https://www.runoob.com/);

相关文章

  • JavaScript01_基础知识

    一、基本语法 基本语法 JavaScript的每个语句以;结束,语句块在花括号内{...}。 JavaScript...

  • JavaScript基本语法03

    原文博客地址: JavaScript基本语法03 书接上文JavaScript基本语法, 记录了JavaScrip...

  • JavaScript基本语法

    1.语句 statement var a = 1 + 3 ; 语句以分号结尾var 命令 a变量 1+...

  • JavaScript 基本语法

    常见用途 HTML DOM 操作(结点操作,比如添加、修改、删除结点) 给网页增加动态功能 js 输出与调试

  • JavaScript 基本语法

    JavaScript 的基本语法 语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行...

  • JavaScript基本语法

    初识JavaScript JavaScript的组成 完整的JavaScript是由ECMAScript(语法)、...

  • JavaScript基本语法

    编写位置 我们的JS代码需要编写到 标签中 我们一般将script标签写到head中。(和style标签有点像) ...

  • JavaScript基本语法

    JavaScript历史 JavaScript,通常缩写为JS,是一种高级的,解释执行的编程语言[5]。JavaS...

  • JavaScript 基本语法

    编写位置 我们目前学习的JS全都是客户端的JS,也就是说全都是需要在浏览器中运行的,所以我们我们的JS代码全都需要...

  • Javascript基本语法

    一个完整的JavaScript实现包含了三个部分: ECMAScript DOM BOM。 JS的特点: 解释型语...

网友评论

    本文标题:JavaScript基本语法

    本文链接:https://www.haomeiwen.com/subject/belgvctx.html