Javascript笔记总结

----js笔记总结-------
1.变量
JavaScript中的变量与Java中的变量声明不一样，Java是强类型
js是弱类型，变量的类型时由具体的变量内容来绝对的。
js声明变量用var
如 var name="哈哈";
   var age=18;
只有变量被定义了，但是没有赋值的，变量默认值为undefined
有些变量既没有声明，也没赋值就错误了。


---------数据类型-----------
基本数据类型:number(数字),string(字符串),boolean(布尔值),null,undefined
number(数字)，特殊值(NaN) 3*"a"=NaN 但是3*"4"=12
string(字符串)在js中没有字符的概念，单双引号之间可以互相嵌套。
boolean(布尔值),除了true,false以外其他类型的值也可以表示真假,false,0,null,undefined,NaN,""表示假,其他的都表示真
if("false")真
if("false"==true)假
if(undefined==null)真,bug


2.js与html代码之间的结合方式


--------第一种直接把代码放到script中--------------
<script type="text/javascript">
alert("hello world");
</script>
注：该标签除了title标签内不可以放置外，任何地方都可以放置，
页面的开头和结尾均可以放置，一般js文件特别大的时候，
就会影响到页面的显示了，就把js放到页面结尾处。


--------第二种把js代码封装到外部js文件中-----------
<script type="text/javascript" src="p.js">
利用script中的src属性来引用js代码所属的文件内容，但是要注意的是
p.js文件编码格式要与script中的编码格式一样。比如这里都是UTF-8


--------第三种利用<a>中的href属性-----------
<a href='javascript:alert("hello");'>哈哈</a>
href后面直接跟javascript:alert("hello;")直接编写代码
要注意的是 单引号与双引号直接的嵌套问题
1.双引号之间不可以嵌套
2.单引号与双引号直接可以嵌套。
编程时候常需要给文字加下划线可以这样：
<a href='javascript:void(0);' >哈哈ha</a>


------盒子标签------------


display : 调整标签类型
block
inline
none 不显示,而不留位置

span {
display: none;
}


-------json对象--------------
json 对象
java 中的 map  key:value
创建json对象
var json = {"name":"tom","age":18};
//拿到json中的所有键
for(var key in json){
//根据键取得对应的值
alert(key+"==>"+json[key]);
}
BOM:
   window对象：代表一个html文档。
    属性：self parent top frames opener
self  返回对当前窗口的引用,等价于 Window 属性,属性可返回对窗口自身的只读引用。
parent: 返回父窗口
top:返回最顶层的先辈窗口
frames:返回窗口中所有命名的框架，该集合石window对象的数组，
iframe:对象代表一个 HTML 的内联框架。
//src后面的参数表示要加载的页面
<iframe src="window对象.html"></iframe>


   //方法:
// setInterval clearInterval
// setTimeout  clearTimeout

// 定时器方法 ,设置定时器(setInterval), 清除定时器(clearInterval).

//参数1: 接受一个字符串.这个字符串是js代码.
//参数1: 还可以接受一个函数对象.
//参数2:接受一个整数,单位是毫秒
//返回值: 打开的定时器的ID
//每隔参数3毫秒数执行参数1代码或函数.
//window.setInterval("alert('aaa');", 3000);
        //var ID = window.setInterval("alert('a');",3000);
        //隔3秒显示一下，只显示一次
        var ID = window.setTimeout("alert('a');",3000);
        window.clearTimeout(ID);
history对象：代表着当前页面的访问历史
方法:
   forward:前进
back:后退
go ---> 前进或后退
    用法：
   //先获得history属性
var history = window.histroy;
history.forward();
//go(1)表示前进 go(-1)表示后退
history.go(-1);
location对象：代表着当前页面的对象
       属性：
        href: 用来改变当前页面的地址   
方法：reload刷新当前页面 也可以指定一个参数url这是刷新到url指定页面