w3school JavaScript 个人学习笔记
第一部分基础
第1章概要
1.1简介
宁夏 旅游JavaScript 是一种轻量级的脚本语言!
JavaScript 是可插入 HTML 页面的编程代码。可用来改进设计、验证表单、检测浏览器、创建cookies等。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 很容易使用!你一定会喜欢它的!
JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上。
1.2<script> 标签
<script> 和 </script> 会告诉浏览器 JavaScript 在何处开始和结束。以前会在 <script> 标签中使用
type="text/javascript" 。现在已经可以不写了。因为 JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
javascript 脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。通常的做法是把函数
放入 <head> 部分。也可以把脚本保存到外部文件中。使用调用。外部脚本不能包含 <script> 标签。
1.3事件、函数
上面例子中的 JavaScript 语句,会在页面加载时执行。
但通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。
您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。
第2章基础
2.1操作HTML 元素
通过指定的 id 来访问 HTML 元素
0007:
<!DOCTYPE html>
<html>
<head>
<title>通过指定的 id 来访问 HTML 元素</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
</script>
</body>
</html>
2.2写到文档输出
下面的例子直接把 <p> 元素写到 HTML 文档输出中:
000800:
<!DOCTYPE html>
<html>
<head>
<title>直接把<p>;元素写到 HTML 文档输出中</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head>
<body>
<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
2.3警告
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:(由于 html 文档已经输出完成,再调用函数,输出内容到 html 页面,则整个页面就会被覆盖掉)
000801:
<!DOCTYPE html>
罪恶都市怎么调飞机<html>
<head>
<title>文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
现在的热门专业<script>
function myFunction(){
document.write("糟糕!文档消失了。");
}
</script>
</body>
</html>
2.4语句
语句的作用是告诉浏览器该做什么。
下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":
2.5分号;
用于分隔 JavaScript 语句。通常在每条可执行的语句的结尾添加分号。但分号是可选的,也可以不写。
2.6代码
浏览器会按照编写顺序来执行每条语句。
2.7代码块
JavaScript 语句通过代码块的形式进行组合。块由左花括号开始,由右花括号结束。
块的作用是使语句序列一起执行。JavaScript 函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个 HTML 元素的函数:
2.8大小写敏感
2.9空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
2.10折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
不过,您不能像这样折行:
2.11注释
壶口旅游
单行注释:忽略行内‘//’后面的内容
苏轼《定风波》原文多行注释:遇到‘/*’开始忽略,遇到‘*/’结束
第3章变量
3.1规范
张丰毅儿子变量是存储信息的容器。
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不推荐)
变量名称对大小写敏感(y 和 Y 是不同的变量)
字符串用引号,数值不要用引号
3.2变量声明(创建)
在 JavaScript 中创建变量通常称为“声明”变量。
使用 var 关键词进行声明变量:var carname;
给变量负值赋值,请使用等号:carname="Volvo";
也可以在声明变量时对其赋值:var carname="Volvo";
一条语句,声明多个变量(用逗号隔开):var name="Gates", age=56, job="CEO";
未被赋值的变量,使用时会显示:undefined
重新声明的变量,其值不会丢失。(除非重新赋值)
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。