JavaScript学习笔记(一)

1.JavaScript小知识点:

1、js严格区分大小写。

2、最后一个语句的分号是可以省略的,但尽量别省略 “ ;  ”

3、可以换行操作比如:Write(‘hello \

world’);

decument.Write(‘hello world’);效果一样。

4、注意点击事件要有一个启动他的线程,如onclick

5、document.write(Date());  (中国标准时间)

6、如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

7、条件运算符语法:variablename=(condition)?value1:value2

实例:voteable=(age<18)?”年龄太小”:”年龄已达到”;

2.JavaScript输出

1、alert()          弹出警告框。

document.write()     方法将内容写到 HTML 文档中。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

2、innerHTML         写入到 HTML 元素。

3、console.log()        写入到浏览器的控制台。

3.JavaScript 函数语法

1、 function functionname()
{                                                       当调用该函数时,会执行函数内的代码。
执行代码                                          function是关键字 之后是函数名
}                                                  JavaScript 对大小写敏感。关键词 function 必须是小

2、myFunction(argument1,argument2)  把参数作为变量来声明:

 

function myFunction(var1,var2)                变量和参数必须以一致的顺序出现。argument1与var1对应,以此类推。

{

代码

}

4.JavaScript 变量的生存期

1、JavaScript 变量的生命期从它们被声明的时间开始。

2、局部变量会在函数运行以后被删除。

3、全局变量会在页面关闭后被删除。

4、向未声明的javascript变量分配值,该变量将自动作为window的一个属性

非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。

 

 

 

5.JavaScript 函数语法

 

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()
{
执行代码
}

当调用该函数时,会执行函数内的代码。

可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。

 

实例:

<p>点击这个按钮,来调用带参数的函数。</p>

<button onclick=”myFunction(‘Harry Potter’,’Wizard’)”>点击这里</button> <script>

function myFunction(name,job){ alert(“Welcome ” + name + “, the ” + job); } </script>

 

6.JavaScript  事件

1、常见的HTML事件

(1)onchange           HTML 元素改变

(2)onclick                用户点击 HTML 元素

(3)onmouseover      用户在一个HTML元素上移动鼠标

(4)onmouseout        用户从一个HTML元素上移开鼠标

(5)onkeydown          用户按下键盘按键

(6)onload                 浏览器已完成页面的加载

7.JavaScript  typeof

操作符

typeof 操作符来检测变量的数据类型

实例:

typeof “John”                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:’John’, age:34} // 返回 object

 

数组是特殊的对象类型typeof [1,2,3,4] 返回object

8.undefined 和null相同和不同

相同

undefined 和null 都可以用来清空对象,都表示什么都没有

不同

undefined 和null 值相同但类型不同

实例:

typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true

 

9. constructor 属性

1、constructor 属性返回所有 JavaScript 变量的构造函数。

实例:

“John”.constructor                 // 返回函数 String()  { [native code] }
(3.14).constructor                 // 返回函数 Number()  { [native code] }
false.constructor                  // 返回函数 Boolean() { [native code] }
[1,2,3,4].constructor              // 返回函数 Array()   { [native code] }
{name:’John’, age:34}.constructor  // 返回函数 Object()  { [native code] }
new Date().constructor             // 返回函数 Date()    { [native code] }
function () {}.constructor         // 返回函数 Function(){ [native code] }

 

2、用法

可以使用 constructor 属性来查看对象是否为数组 (包含字符串 “Array”):

实例:

function isArray(myArray) {
return myArray.constructor.toString().indexOf(“Array”) > -1;
}

发表评论

邮箱地址不会被公开。