且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-08-15 16:49:42

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