javascript

console.log(2+3+4+'haha'+5+6)  //输出结果为9haha56，一旦碰到非数字输出，即非法输出的，后面的就是拼接.

var a=false;var b=6;var c=true;var d=(a||b||c);console.log(d);//JS的逻辑运算，返回的是最早能判断结果的值。

 

var arr=['zhao' 'qian' 'sun' 'li'];

for(vari=0;i<arr.length;i++)

{console.log(arr[i]);}  //输出zhao qian sun li

 

var obj(name:'lisi' age='29' area='bj')

for(var k in obj)  //对obj进行遍历，把obj里的属性赋值给k

｛

console.log(k)         //把这里的k假定为1

｝                         //输出结果为name lisi bj，当1为obj[k]时，输出结果为lisi 29 bj；当1为obj['k']时，输出结果为name age area。

 

 

语法：

about:config 命令是火狐浏览器等Mozilla系列浏览器的高级设置的打开命令。可在该设置里面关闭javascript。

<script>document.write("0")</script>   //输出0

<noscript>1</noscript>                       //当浏览器的javascript被关闭时显示1

alert('a')               //弹框

debugger;      //当遇到该代码时，表示执行结束，即用来一行一行执行。

window.onerror=function(sMsg,sUrl,sLine)

{

  str=""

  str+=sMsg;

str+=sUrl;

str+=sLine;

alert(str);

return true;

}                             //onerror函数的三个参数用于确定错误确切的信息，代表的意思依次为：错误信息；发生错误的文件；发生错误的行号。

 

 

document.getElementById("").style.color="blue"  //更改css事件，更改颜色。

 

句柄addEventListenner：

作用：当需要改变一个函数或者事件时，调用该函数的地方也需要修改，为了减少麻烦，使用句柄是比较好的方法。

除了添加句柄，还有移除句柄removeEventListener。

 

事件

 

上面例子中的事件冒泡为：btn、div、html、文档。

事件捕获为：文档、html、div、btn。

 

dom0级事件处理程序的作用：一般(ˇ?ˇ) 想像上面的例子，我们会写灰色注释掉的代码，但当要更改demo函数名时，<button id="btn1" onclick="demo()">里面的函数名也要改，为了方便，可以使用dom0级处理程序。

注意：dom2级处理事件不会覆盖，即demo1、demo2、demo3都会执行。

以上为IE处理事件，即跟浏览器兼容相关。if（btn1.addEventListener）指的是是否支持2级处理事件，如果不行，再判断是否能够处理IE事件attach，如果还不行，就只能进行0级事件处理，即btn1.onclick=demo（）。注意：2级事件可以写为click，但0级事件一定是onclick。

 

点击按钮，弹出click。

 

 

若是target对象，则弹出以上内容。

 

点击按钮，在弹出HTMLButtonElement之后，还会弹出div。这是由于button在div标签内的原因，也就是冒泡。这时可以使用stoppropagation，阻止事件冒泡。如下：

 

 

 

在点击极客学院后，会默认的链接网址，这时用preventDefault可以阻止默认，即点击了极客学院之后，不产生链接。

 

以上为创建对象people。

以上为比较简便的方法。以上两种都为定义并创建对象实例。

下面介绍使用函数来定义对象，然后创建新对象实例，也是比较常用的一种：

注意函数里面的this。

 

Date日期对象:

 

parseInt是转化为int类型

 

 

调用getName函数之后，弹出4

 

第一个hello修改为world。

 

 

弹出：得到了a标签的属性。

 

setAttribute属性里面第一个参数为要设置的属性的名称，第二个参数为该属性的内容。

 

访问父节点：

 

 

创建元素节点：

body.appenChild表示把input添加到节点，只有这样，才能显示。

 

插入节点：

删除节点：

网页尺寸：

以下写法讲支持所有浏览器：

 

运行效果:

以上两个history形成循环。hostory.back为退回上一个页面，forward为回到下个页面。

 

有些网页需要先登录才能继续浏览：

 

JS面向对象：

比较简单的方式：

上面（白色）调用的是子类，弹出stu-hello。

 

上面为封装，n为封装里面的变量，值能在封装的空间里面使用。

中间加括号表示执行（跟上个图相关）

要是想调用封装里面的函数，可以用window（仅限封装内部调用）：