JavaScript学习 Ⅰ

一. JavaScript的使用

<script>标签

在HTML中,JavaScript代码必须位于<script></script>标签之间。

实例:

<script>
document.getElementById("demo").innerHTML = "我的第一段JavaScript";
</script>

注释:旧的 JavaScript 例子也许会使用type属性:<script type="text/javascript">
注释:type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。

函数和事件

JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。

脚本的位置

  1. <head>标签中
  2. <body>标签中
  3. 在外部文件中
    如需使用外部脚本,请在 <script> 标签的 src (source) 属性中设置脚本的名称:
    实例
    <script src="myScript.js"></script>

外部 JS 的优势

在外部文件中放置脚本有如下的优势:

  • 分离了HTML和代码
  • 使HTML和JavaScript更易于阅读和维护
  • 已缓存的JavaScript文件可加速页面的加载

二. JavaScript 输出

JavaScript不提供任何内建的打印或显示函数。
JavaScript显示方案:

  • 使用window.alert()写入警告框
  • 使用document.write()写入 HTML 输出
  • 使用innerHTML写入 HTML 元素
  • 使用console.log()写入浏览器控制台

三. JavaScript 语句

在HTML中,JavaScript语句是由web浏览器“执行”的“指令”。

var x,y,z;
x=22;
y=11;
z=x+y;

语句由以下构成:
值、运算符、表达式、关键词和注释。
每条语句之后添加分号,如果有分号分隔,允许在同一行写多条语句。

JavaScript 关键词

关键词 描述
break 终止 switch 或循环。
continue 跳出循环并在顶端开始。
debugger 停止执行 JavaScript,并调用调试函数(如果可用)。
do ... while 执行语句块,并在条件为真时重复代码块。
for 标记需被执行的语句块,只要条件为真。
function 声明函数。
if ... else 标记需被执行的语句块,根据某个条件。
return 退出函数。
switch 标记需被执行的语句块,根据不同的情况。
try ... catch 对语句块实现错误处理。
var 声明变量。

四. JavaScript 语法

JavaScript 值

JavaScript 语句定义两种类型的值:混合值和变量值。
混合值被称为字面量(literal)。变量值被称为变量。

JavaScript 标识符

所有 JavaScript 变量必须以唯一的名称的标识。
这些唯一的名称称为标识符。
标识符可以是短名称(比如 x 和 y),或者更具描述性的名称(age、sum、totalVolume)。

构造变量名称(唯一标识符)的通用规则是:

  • 名称可包含字母、数字、下划线和美元符号
  • 名称必须以字母开头
  • 名称也可以 $ 和 _ 开头(但是在本教程中我们不会这么做)
  • 名称对大小写敏感(y 和 Y 是不同的变量)
  • 保留字(比如 JavaScript 的关键词)无法用作变量名称

提示:JavaScript 标识符对大小写敏感。

一条语句,多个变量

您可以在一条语句中声明许多变量。
以 var 作为语句的开头,并以逗号分隔变量:

var person = "Bill Gates", carName = "porsche", price = 15000;

声明可横跨多行:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

JavaScript 算术

var x = "8" + 3 + 5;    // x = 835

当数值和字符串相加时,JavaScript 将把数值视作字符串。

var x = 911 + 7 + "Porsche";    //918Porsche
var x = "Porsche" + 911 + 7;    //Porsche9117
原文地址:https://www.cnblogs.com/chalan630/p/12920683.html