基于W3C的javascript的学习笔记总结--学习笔记

JS基础知识
1、javascript的重要性
是因特网上最流行的脚本语言，被用来改进设计、验证表单、创建cookie等应用。
2、浏览器解析之间的javascript  现在不必加type="text/javascript"
3、js可以放在head中，可以放在body中，也可以放在外部文件，用
4、请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
5、innerHTML=();
6、js中用var定义变量，
变量以字母、下划线或者$符号开始，用数字、字母、下划线、$符号链接
需要注意的识，变量区分大小写，需要先声明后使用
变量先声明，后使用
对于没有赋值的变量，默认undefinded
重新声明变量，元素的值不会丢失
var carname="Volvo";
var carname;  结果仍为Volvo
变量的类型：Boolean Number String Array undefinded null Object  
数组：var cars = new Array();
cars[0]="world";
cars[1]="hello";
或者：var cars = new array(1,"world","hello");

对象 var person ={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};
对象的取值：person.name或者person['name']
undefinded和null的区别：
undefinde表示这个变量没有值，可以通过nul来清空变量
7、函数的声明：
function myFunction(var1,var2)
{
这里是要执行的代码
}
变量分为全部变量和局部变量，对未声明的变量直接赋值，该变量将会自动变为全局变量
8、for in  循环遍历对象
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
  {
  txt=txt + person[x];
  }

8、js的运算符基本都差不多。/表示除，有小数是带小数的，不同于JAVA

JS HTML DOM
1、查找元素
1、根据id查找元素 
var x = document.getElementById('main');
2、根据标签查找元素
var y=x.getElementByTagName('p');
3、根据类名查找元素（已经移除）
2、
改变HTML内容x.innerHTML=
改变src样式：x.src=
显示文本、隐藏文本x.style.visibility='hidden',x.style.visibility='visible'
3、事件
onclick 点击
onload  加载的时候，一般放在body中
onunload
onchange 改变的时候
onmouseover  和 onmouseout 
onfocus  获得焦点时
4、节点
增加节点
1、创建新的元素   var para=document.createElement("p");
2、创建节点   var text=document.createTextNode("这是新的段落");
3、给创建的元素追加节点  para.appendChild(text);
4、被追加的元素    var id=document.getElementById('div');
5、将元素追加      id.appendChild(para);
删除节点
1、被删除的节点  id1
2、 id2
3、删除      id1.removeChild(id2)
5、Data对象
Data()//返回当前的时间
.getTime()//返回从1970年1月1日到这的毫秒数
.setFullYear(2050,6,4)//设置时间

6、RegExp 对象的方法
RegExp 对象有 3 个方法：test()找、exec()匹配 以及 compile()。
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free")); 

JS WINDOWS 浏览器对象模型BOM
1、所有浏览器都支持windows对象，它表示浏览器窗口，所有JAVA SCRIPT全局对象、方法、属性的是windows的成员
2、window.screen对象包含有关用户屏幕的一些信息
在编写是可以不使用window前缀
screen.availWidth  返回访问者屏幕的宽度，以像素计，不算窗口任务栏
screen.availHeigh  返回访问者屏幕的高度
3、浏览器尺寸
window.innerHeight  
window.innerWidth
4、window.loaction   对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
在使用时可以不使用window这个前缀
location=loaction 刷新当前页面
location.href   返回当前页面的url地址
location.pathname  返回当前页面URl地址的路径
location.assign()  加载新的文档
5、window.history  对象包含浏览器的历史
在使用时可以不适用window这个前缀
history.back() 相当于点击返回按钮
history.forward() 相当于点击前进按钮
6、window.navigator 对象包含浏览者浏览器的信息
7、消息框  
a)警告框alert(); 点击按钮才能继续操作
b)confirm()函数 消息对话框 确认

c)prompt(str1,str2=)提问   
str1为提问框中必有的内容
str2为需要填写的
8、计时
t=setTimeout("alert()或者javascript方法",时间毫秒1000毫秒=1秒)
clearTimeout(t)取消setTiemout

以前整理

JS如何输出空格
document.write(“1   2 3");结果为123
第一种：document.write("$nbsp;$nbsp;"+"1"+"$nbsp;$nbsp;"+"23");
第二种：document.write("1    2  3");在输出时加white_space样式
window.open();打开窗口
window.open("url","_blank",",,");top=100;left=0
function Wopen(){
            var a=confirm("您确定要打开新的窗口？");
            var b=prompt("请输入你要打开的地址：","http://www.imooc.com");
            if(a==true && b=="http://www.imooc.com"){
                window.open(b,'_blank','width=600px,heigh=400px,top=100,left=0');
            }else{
                alert("你问什么不访问慕课网");
                document.write("http://www.imooc.com");
            }


        }
关闭窗口：window.close()关闭本窗口
窗口名.close()关闭指定窗口
getElementById('')  获得id的对象
Object.innerHTML   获得当前id的html内容
Objec.style.color="red";
Object.style.backgrounColor="";
Object.style.width="";
//显示和隐藏属性
Object.style.display="none"/"block";