恶补web之六:javascript知识(2)

    若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素

 div id="div1" 

 p id="p1" 这是一个段落 /p 

 p id="p2" 这是另一个段落 /p 

 /div 

 script 

var para=document.createElement("p");

var node=document.createTextNode("这是新段落。");

para.appendChild(node);

var element=document.getElementById("div1");

element.appendChild(para);

 /script 

    删除已有html元素,必须首先获得该元素的父元素

 div id="div1" 

 p id="p1" 这是一个段落。 /p 

 p id="p2" 这是另一个段落。 /p 

 /div 

 script 

var parent=document.getElementById("div1");

var child=document.getElementById("p1");

parent.removeChild(child);

 /script 

    或者可以这样获取父元素:

var child=document.getElementById("p1");

child.parentNode.removeChild(child)

    js提供多个内建对象,对象是带有属性和方法的特殊数据类型.你可以创建自己定义的对象:

person = new Object();

person.firstname = "zhang"

person.age = 100

或者: person ={firstname:"zhang",age:50}

    把方法添加到对象:

function person(firstname,lastname,age,eyecolor)

this.firstname=firstname;

this.lastname=lastname;

this.age=age;

this.eyecolor=eyecolor;

this.changeName=changeName;

function changeName(name)

this.lastname=name;

}

    js数字对象均为64位(8bit)

    BOM称为浏览器对象模型,尚无正式标准.

    所有浏览器都支持window对象,表示浏览器窗口.所有js全局对象,函数及变量均自动成为window对象的成员;全局变量是windows对象的属性,全局函数是window对象的方法;甚至连html DOM的document也是window对象属性之一.

    取得浏览器宽度和高度的标准方法:

var w=window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;

    window对象的其他方法:

window.open() - 打开新窗口

window.close() - 关闭当前窗口

window.moveTo() - 移动当前窗口

window.resizeTo() - 调整当前窗口尺寸

    window.screen对象包含有关用户屏幕的信息,使用时可以省略window前缀.

    screen.availWidth和.availHeight返回可用屏幕的宽度和高度

    window.location获取当前页面的地址,并把浏览器重新定位到新的页面.使用时可省略window前缀:

location.hostname 返回web主机的域名

location.pathname 返回当前页面的路径和文件名

location.port返回web主机的端口号

location.protocol返回使用的web协议

location.href返回当前页面的url

location.assign方法加载新的文档

    [windows.]history对象包含浏览器对象的历史;history.back 与浏览器点击后退按钮相同; .forward与浏览器点击前进按钮相同.

    [window.]navigator对象包含有关访问者浏览器的信息.

    可在js中创建3中消息框:警告框alert,确认框confirm和提示框prompt.

    js中可以在一个设定时间间隔后来执行代码.使用setTimeout在未来某时执行代码;用clearTimeout取消setTimeout的执行.

var t=setTimeout("js语句",ms)

clearTimeout(t)

    cookit用来识别用户.

Web基础入门-JavaScript JavaScript（通常缩写为JS）是一种进阶的、直译的程式语言（动态执行语言与Python，Java等语言类似）,JavaScript是一门基于原型、头等函数的语言，是一门多范式的语言，它支援物件导向程式设计，指令式编程，以及函式语言程式设计,它提供语法来操控文字、阵列、日期以及正则表达式等，不支援I/O，比如网络、储存和图形等，但这些都可以由它的宿主环境提供支援。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实作语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（ Chrome、 IE、 Firefox、 Safari、Opera）支持。