欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

常用简单的js代码大全(初学者看懂代码的方法)

程序员文章站 2023-11-29 19:50:34
javascript是一种编程语言,一种作为web开发的脚本语言,今天小编将为大家带来大数据编程入门:javascript语法这篇文章,为大家介绍javascript中的语法。一、javascript...

javascript是一种编程语言,一种作为web开发的脚本语言,今天小编将为大家带来大数据编程入门:javascript语法这篇文章,为大家介绍javascript中的语法。

常用简单的js代码大全(初学者看懂代码的方法)

一、javascript字面量

固定值在编程语言中常被称为字面量,比如3.14。

数字(number)字面量可以为整数或者小数,又或者是科学计数(e)。

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>miuku</title>

</head>

<body>

<p id=”demo”></p>

<script>

document.getelementbyid(“demo”).innerhtml = 123e5;

</script>

</body>

</html>

运行结果:

常用简单的js代码大全(初学者看懂代码的方法)

字符串(string)字面量可以使用单引号或双引号:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>miuku</title>

</head>

<body>

<p id=”demo”></p>

<script>

document.getelementbyid(“demo”).innerhtml = ‘john doe’;

</script>

</body>

</html>

运行结果;

常用简单的js代码大全(初学者看懂代码的方法)

表达式字面量用于计算:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>miuku</title>

</head>

<body>

<p id=”demo”></p>

<script>

document.getelementbyid(“demo”).innerhtml = 6 * 10;

</script>

</body>

</html>

运行结果:

常用简单的js代码大全(初学者看懂代码的方法)

数组(array)字面量 定义一个数组:

[40, 100, 1, 5, 25, 10]

对象(object)字面量 定义一个对象:

{firstname:”john”, lastname:”doe”, age:50, eyecolor:”blue”}

函数(function)字面量 定义一个函数:

function myfunction(a, b) { return a * b;}

二、javascript变量

在编程语言中,变量用于存储数据值。

javascript使用关键字var定义变量,使用等号为变量赋值:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>miuku</title>

</head>

<body>

<p id=”demo”></p>

<script>

var length;

length = 11;

document.getelementbyid(“demo”).innerhtml = length;

</script>

</body>

</html>

运行结果:

常用简单的js代码大全(初学者看懂代码的方法)

可以通过变量名访问变量,在命令式语言中,变量通常是可变的,字面量是一个常量值。

三、javascript操作符

javascript使用 算术运算符 来计算值:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>运算</title>

</head>

<body>

<p id=”demo”></p>

<script>

document.getelementbyid(“demo”).innerhtml = (6 + 6) / 2;

</script>

</body>

</html>

运行结果:

常用简单的js代码大全(初学者看懂代码的方法)

javascript使用赋值运算符给变量赋值:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>运算</title>

</head>

<body>

<p id=”demo”></p>

<script>

var x, y, z;

x = 5;

y = 6;

z = (x + y) * 10;

document.getelementbyid(“demo”).innerhtml = z;

</script>

</body>

</html>

运行结果:

常用简单的js代码大全(初学者看懂代码的方法)

在javascript语言中有多种类型的运算符,如下列表所示:

类型 实例 描述
赋值,算术和位运算符 = + – * / 在 js 运算符中描述
条件,比较及逻辑运算符 == != < > 在 js 比较运算符中描述

四、javascript语句

在html中,javascript语句向浏览器发出命令。

语句之间用分号分隔:

x = 5 + 6;

y = x * 10;

五、javascript关键字

javascript关键字用于标识要执行的操作。

与其他编程语言一样,javascript保留了一些供自己使用的关键字。

var关键字告诉浏览器创建一个新变量:

var x = 5 + 6;

var y = x * 10;

javascript还保留了一些当前语言版本中未使用的关键字,但将在将来的javascript扩展中会使用。

下面是javascript中最重要的保留字(按字母顺序排列):

abstract debugger final instanceof protected throws
boolean default finally int public transient
break delete float interface return true
byte do for let short try
case double function long static typeof
catch else goto native super var
char enum if new switch void
class export implements null synchronized volatile
const extends import package this while
continue false in private throw with

六、javascript注释

在javascript语句中添加注释可以使用双斜杠//,双斜杠后面跟着的内容不会显示在浏览器页面中:

// 我是一个不会运行的注释

七、javascript数据类型

javascript 有多种数据类型:数字,字符串,数组,对象等等:

var length = 16; // number 通过数字字面量赋值

var points = x * 10; // number 通过表达式字面量赋值

var lastname = “johnson”; // string 通过字符串字面量赋值

var cars = [“saab”, “volvo”, “bmw”]; // array 通过数组字面量赋值

var person = {firstname:”john”, lastname:”doe”}; // object 通过对象字面量赋值

数据类型的概念

数据类型是编程语言中非常重要的内容。

为了操作变量,理解数据类型的概念很重要。

如果未使用数据类型,则无法执行如以下的内容:

16 + “volvo”

八、javascript函数

javascript语句可以写在函数中,函数可以重复引用:

引用函数=调用函数(在函数中执行语句)。

function myfunction(a, b) {

return a * b; // 返回 a 乘以 b 的结果

}

九、javascript字母大小写

javascript 对大小写是敏感的。

当编写 javascript 语句时,请留意是否关闭大小写切换键。

函数 getelementbyid 与 getelementbyid 是不同的。

同样,变量 myvariable 与 myvariable 也是不同的。

十、javascript字符集

javascript 使用 unicode 字符集。

unicode 覆盖了所有的字符,包含标点等字符。

以上就是关于大数据编程入门:javascript语法的全部内容了,希望这篇文章可以帮助到大家~