且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

JS基本语法学习

更新时间:2022-06-26 19:14:09

JavaScript 字面量

书写混合值最重要的规则是:
数字(Number)字面量 可以是整数或者是小数,,写数值有无小数点均可:

15.90
10011

字符串是文本,由双引号或单引号包围:

"Bill Gates"
'Bill Gates' 

表达式字面量 用于计算:

5 + 6
5 * 10

JavaScript 语句

在 HTML 中,JavaScript 语句向浏览器发出的命令。
语句是用分号分隔:

x = 5 + 6;
y = x * 10;

4种输出方法

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。

请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

  • 使用 innerHTML 写入到 HTML 元素。

需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。

使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容

document.getElementById("demo").innerHTML = "已修改。";

数据类型

字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。

null:是一个只有一个值的特殊类型。表示一个空对象引用。typeof返回的是一个object。

var x = null;

undefined:清空变量后,typeof返回为undefined;未设置变量值的情况下,typeof返回为undefined。
NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object

未定义变量的数据类型为 undefined

body中的script函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>body中的script</title>
</head>
<body>
<h1>我的函数</h1>
<p id="demo">我的函数</p>
<button type="button" onclick="myFunction()">点击一下</button>
<script>
    function myFunction() {
        document.getElementById("demo").innerHTML = "这是我的函数"
    }
</script>
</body>
</html>

注释

 不是所有语句都需要javascript解释器去解释并执行。有时需要在脚本中写一些仅供自己参考或提醒自己的信息,并希望javascript解释器能直接忽略掉这些信息,这类信息就是注释

  注释能有效帮助了解代码流程,在代码中它们扮演生活中便条的角色,可以帮助我们弄清楚脚本到底干了什么

  [注意]注释一定要精确地描述代码,没有用的注释比没有注释还要糟糕

  有多种方式可以在javascript脚本中插入注释,包括单行注释、多行注释和HTML风格的注释

【1】单行注释以两个斜杠开头

//单行注释

【2】多行注释又叫块级注释,以一个斜杠和一个星号/开头,以一个星号和一个斜杠/结尾

/*
    这是一个多行注释
 */