一.js的输出
1.使用 window.alert() 弹出警告框。
2.使用 document.write() 方法将内容写到 HTML 文档中。--->
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
3.使用 innerHTML 写入到 HTML 元素。---->
document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码
4.使用 console.log() 写入到浏览器的控制台
二.js语法
1.简单介绍
1)语句和语句之间使用；隔开，会忽略多余的空格
2）赋值变量，变量类型：数值，字符串，数组，布尔，对空（Null）、未定义（Undefined）、Symbol，对象（类似于字典类型），函数
3)声明多个变量: var lastname="Doe", age=30, job="carpenter";
4)重新声明 JavaScript 变量，该变量的值不会丢失,var carname="Volvo";var carname;carname的值是Volvo
5）单行注释的使用------> // 多行注释使用----> /* 注释内容*/
6)区分大小写
2.对象
1）对象的创建
var person = {firstName:"John", lastName:"Doe", fullName : function() };{
return this.firstName + " " + this.lastName;}
2）.对象属性的访问
person["firstName"] 或者 person.lastName
3）.对象方法的访问
person.fullName() ------>输出方法执行结果
person.fullName ------>输出函数表达式
3.局部变量和全局变量的作用域
1）局部变量
变量在函数内声明，变量为局部作用域。
局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量
局部变量在函数执行完毕后销毁
2）全局变量
变量在函数外定义，即为全局变量
全局变量有 全局作用域: 网页中所有脚本和函数均可使用
全局变量在页面关闭后销毁
3）特殊的全局变量
如果变量在函数内没有声明（没有使用 var 关键字），该变量也为全局变量。
以下实例中 carName 在函数内，但是为全局变量
// 此处可调用 carName 变量
function myFunction() {
carName = "Volvo"; // 此处可调用 carName 变量 }
4.事件简单介绍
onchangeHTML -------------> 元素改变
onclick -------------> 用户点击 HTML 元素
onmouseover ------------->用户在一个HTML元素上移动鼠标
onmouseout -------------> 用户从一个HTML元素上移开鼠标
onkeydown-------------> 用户按下键盘按键
onload------------->浏览器已完成页面的加载
5.比较大小
== 表示值相等 值不等-------> !=
=== 表示值和类型都相等 !==
voteable=(age<18)?"年龄太小":"年龄已达到"; 三目运算符
多目运算符讲解
6.typeof 操作符返回变量或表达式的类型
typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true
7.正则匹配
search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
var str = "Visit Runoob!";
var n = str.search(/Runoob/i);
document.getElementById("demo").innerHTML = n;
返回:6--------->Runoob的起始位置的下坐标
replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
var str = 'Visit Microsoft!';
var txt = str.replace(/microsoft/i,"Runoob");
document.getElementById("demo").innerHTML = txt;
正则表达式的修饰符: i 不区分大小写, g 全局查找,m 多行匹配
正则表达式的模式:
[abc]查找方括号之间的任何字符。
[0-9]查找任何从 0 至 9 的数字。
(x|y)查找任何以 | 分隔的选项。
正则表达式的元字符: \d查找数字。 \s查找空白字符。 \b匹配单词边界。
test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false
var patt = /e/;
patt.test("The best things in life are free!"); 返回true
exec() 方法用于检索字符串中的正则表达式的匹配。
该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
/e/.exec("The best things in life are free!");
8.变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。
JavaScript 只有声明的变量会提升，初始化的不会
"use strict" 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。
"use strict";
x = 3.14; // 报错 (x 未定义)
var x=3.14; //正常配置
9.在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。
对象只有被定义才有可能为 null，否则为 undefined。
如果想测试对象是否存在，在对象还没定义时将会抛出一个错误。
正确的方式是需要先使用 typeof 来检测对象是否已定义：
if (typeof myObj !== "undefined" && myObj !== null)
网友评论