若要向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用来识别用户.
