首页 技术 正文
技术 2022年11月11日
0 收藏 372 点赞 2,182 浏览 1830 个字

简介:

JavaScript web 开发人员必须学习的 3 门语言中的一门:

  1. HTML 定义了网页的内容
  2. CSS 描述了网页的布局
  3. JavaScript 网页的行为

用法:

(1)HTML 中的脚本必须位于 <script> 与 </script> 标签之间,脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

(2)可以把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数,脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。

通常把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

JavaScript 语法

1.字面量

在编程语言中,一般固定值称为字面量,如 3.14。

(1)数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。

 <script>document.getElementById("demo").innerHTML = 123e5; </script>

运行结果:12300000

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

 <script>document.getElementById("demo").innerHTML = 'John Doe';</script>

运行结果:John Doe

(3)表达式字面量 用于计算:

 <script>document.getElementById("demo").innerHTML = 5 * 10;</script>

运行结果:50

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

 <script>document.getElementById("demo").innerHTML = [40, 100, 1, 5, 25, 10] ;</script>

运行结果:40,100,1,5,25,10

(5)对象(Object)字面量 定义一个对象:{firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”}

(6)函数(Function)字面量 定义一个函数:function myFunction(a, b) { return a * b;}

2.变量

在编程语言中,变量用于存储数据值。变量是一个名称,可变。字面量是一个值,不可变

(1)关键字 var 来定义变量, 使用等号来为变量赋值:

 <script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

运行结果:6

注意:

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)
  • 一条语句,多个变量:var lastname=”Doe”, age=30, job=”carpenter”;
  • 如果重新声明 JavaScript 变量,该变量的值不会丢失;

(2)JS中的let变量:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量,避免变量名冲突。

作用域规则

let 声明的变量只在其声明的块或子块中可用,这一点,与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

 unction varTest() {   var x = 1;
if (true) {
var x = 2; // 同样的变量! console.log(x); // 2 }
console.log(x); // 2} function letTest() {
let x = 1;
if (true) {
let x = 2; // 不同的变量 console.log(x); // 2 }
console.log(x); // 1}

3.操作符

JavaScript使用 算术运算符 来计算值

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

在 JS 比较运算符中描述

注意:JavaScript 对大小写是敏感的;

   使用//单行注释,多行注释以 /* 开始,以 */ 结尾;

   分号用于分隔 JavaScript 语句;

   浏览器按照编写顺序依次执行每条语句;

   JavaScript 可以用{}分批地组合起来,代码块的作用是一并地执行语句序列;

   可以向脚本添加空格,来提高其可读性;

   在文本字符串中使用反斜杠对代码行进行换行;

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,997
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,511
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,356
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,139
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848