JavaScript初学笔记

1 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript

2 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

3 如需使用外部文件，在 <script> 标签的 "src" 属性中设置该 .js 文件.
<script src="myScript.js"></script>
提示：外部脚本不能包含 <script> 标签。

4 JavaScript 通常用于操作 HTML 元素。
如需从 JavaScript 访问某个 HTML 元素，可以使用 document.getElementById(id) 方法。
使用 "id" 属性来标识 HTML 元素：
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "My First JavaScript"。

5 提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

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

7 JavaScript 对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。
对象属性有两种寻址方式：
name=person.lastname;
name=person["lastname"];

8 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。

9
<button οnclick="myFunction">按钮</button> 调用函数时,必须用双引号,不能用单引号.

10 JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

11 如果把值赋给尚未声明的变量，该变量将被自动作为全局变量声明,即使它在函数内执行。
<script>
var x;
function myFunction()
{
x = "123"
}
myFunction()
document.write(x); //=>123
</script>

12 如果把数字与字符串相加，结果将成为字符串。
x="5"+5;
document.write(x); //=> 55

13 HTML DOM （文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
HTML DOM 模型被构造为对象的树。

14 通常，通过 JavaScript，需要操作 HTML 元素。
为了做到这件事情，必须首先找到该元素。有三种方法来做这件事：
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素

15 查找 id="intro" 元素：
var x=document.getElementById("intro");
如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。
如果未找到该元素，则 x 将包含 null。

16 查找 id="main" 的元素，然后查找 "main" 中的所有 <p> 元素：
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

17 onload 和 onunload 事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。

18 onchange 事件常结合对输入字段的验证来使用。
下面是一个如何使用 onchange 的例子。当用户改变输入字段的内容时，会调用 upperCase() 函数。
<input type="text" id="fname" οnchange="upperCase()">

19 onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

20 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

转载于:https://www.cnblogs.com/leaf526/p/3614738.html

JavaScript初学笔记相关推荐

JavaScript初学笔记总汇
初学JavaScript之--JavaScript变量作用域初学JavaScript之--JavaScript数组初学JavaScript之数组练习笔记初学JavaScript之函数和闭包笔记 ...
javaScript初学笔记（二）
JavaScript中的数据类型主要有两种:原始数据类型和引用数据类型. 一.原始数据类型. 原始数据类型包括以下五种: 1.数字(number):数字类型中又不得不说整数和浮点数.取整所用的函数是p ...
Web初学笔记（1）——Web应用（在线计算器）
Web初学笔记(1)--Web应用(在线计算器) Web应用(在线计算器) 在线计算器--需求分析页面参考功能编程框架在线计算器--具体步骤页面框架搭建页面渲染页面逻辑在线计算器--实 ...
JavaScript基础笔记集合（转）
JavaScript基础笔记集合 JavaScript基础笔记集合 js简介 js是脚本语言.浏览器是逐行的读取代码,而传统编程会在执行前进行编译 js存放的位置 html脚本必须放在< ...
Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
Java程序猿的JavaScript学习笔记（汇总文件夹）
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
JavaScript学习笔记（五）
JavaScript学习笔记(五) ①Array类本地对象 ②Date类 ①Global对象对象的类型内置对象 ②Math对象宿主对象今天继续学习JS中的对象,昨天内置对象Global对 ...
JavaScript学习笔记（备忘录）
JavaScript学习笔记(备忘录) ===运算符判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...
Java程序猿的JavaScript学习笔记（10—— jQuery-在“类”层面扩展）
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

JavaScript初学笔记

JavaScript初学笔记相关推荐

最新文章

热门文章