DOM基本概念和操作

Posted 2020-08-07 张好好

1、基本概念

DOM是文档对象模型（TEXT），对象是指文档中的每一个元素。

2、Window对象操作

打开方式： _blank  在新窗口还是自身窗口。

  Window.open 也有返回值，返回值为：新打开的窗口对象。

例：

打开一个新的窗口并保存在变量中：var w=window.open()

数组：

function openW（）

{

　　w[i++]=window.open();

}

关闭当前窗口：

w.cloes()

 

 

 

Window.location对象

location地址栏

var s = window.location.href;获取当前页面的地址

window.location.href="http://www.baidu.com";修改页面地址，会跳转页面

window.location.hostname: 主机名，域名，网站名，可用变量接收

window.location.pathname: 路径名，可用变量接收

 

1、Window.status对象

status状态栏，可以给状态栏添加要显示的文字

window.status="要在状态栏显示的内容"；设置状态栏文字

例如：

function s()

{

    window.status = "向前走 就这么走";

}

回车符\\r和换行符\\n的区别：\\r 相当于enter，是段落与段落之间的区别，

　　　　　　　　　　　　　\\n 相当于shift+enter，是行与行之间距离，比较小

几种window操作方法：

1、获取当前窗口大小并打印：

var height=window.innerHeight;var width = window.innerWidth;

document.write("<br/>"+"height"+height+",width"+width);

2、打开窗口、关闭当前窗口

window.open("http://baidu.com");

window.close();

3、移动当前窗口到某一位置（x，y）

window.moveTo(200,200);

4、改变当前窗口的尺寸（width，height）

window.resizeTo(1100,1100);

5、获取当前页地址

document.write(location.href);

6、【历史记录】网页的前进（前进到之前的历史，相当于“→”）、后退（后退到之前历史，相当于“←”）

 

<!--后退用.back方法设置在另一个网页中即可--><input type="button" onClick="a()"value ="点我前进"/>

function a()

    {

        window.history.forward();/*前进到之前的历史*/

    }

 

*navigator访问者浏览器的信息

alert:警告框 confirm:确认框 prompt:提示框

 

 

一、基本语法：数据类型（字符串，小数，整数，布尔，时间） var，
var s = "3.14"; var n = parseFloat(s); ; s += 5;
var d = parseInt(s);
isNaN(字符串)：判断是否是数字模样的字符串；是-false； 不是-true

运算符：四大类
表达式：
语句：三大类（顺序，分支，循环）
分支：if(){}; if...else...;if...else if...else if ......else;if嵌套
循环：穷举，迭代；四要素（初始条件，循环条件，循环体，状态改变）：
数组；var a = new Array()
函数：四要素(名称，输入，返回，加工)
function Show()
{
}

二、DOM操作：树
window对象——浏览器窗口

window.location：地址栏
window.history：访问历史
window.status：状态栏
window.document：重点！