您的位置：首页 > Web前端 > JavaScript

JavaScript入门教程

2018-03-31 19:25 465 查看

它是一个轻量级，但功能强大的编程语言。

提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

1.引用外部文件

把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在

<body>
<script src="myScript.js"></script>
</body>

2.JavaScript 输出

没有任何打印或者输出的函数，而可以通过不同的方式来输出数据：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello</title>
</head>
<body>

<p id="demo">我的第一个段落。</p>
<script>
window.alert(5 + 6); //弹出警告框来显示数据：

document.getElementById("demo").innerHTML="段落已修改。"; //使用 document.getElementById(id) 方法访问元素
//使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：
document.write(Date());   //写到 HTML 文档
//注意：使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

//第四种：写到控制台，也就是用浏览器的调试功能，F12之console
</script>

</body>
</html>

JavaScript 语法

字面量？？？

变量、操作符、关键字、…..语句用分号隔开；

空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。

命名

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。

数据类型

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

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 通过对象字面量赋值

JavaScript 拥有动态类型

这意味着相同的变量可用作不同的类型：

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：

极大或极小的数字可以通过科学（指数）计数法来书写：

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

对代码行进行折行

可以在文本字符串中使用反斜杠，下面的例子会正确地显示：

document.write("你好 \
世界!");

不过，你不能像这样折行：

document.write \
("你好世界!");

Value = undefined

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

在执行过以下语句后，变量 carname 的值将是 undefined：

var carname;

重新声明 JavaScrip
4000
t 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 “Volvo”：

如果重新声明 JavaScript 变量，该变量的值不会丢失：
在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航