Location对象、Screen对象、Dom编程

最新推荐文章于 2019-09-07 18:51:27 发布

CoolTomato_

最新推荐文章于 2019-09-07 18:51:27 发布

阅读量290

点赞数 1

分类专栏： JavaScript 文章标签： Location对象 Screen对象 Dom编程

本文链接：https://blog.csdn.net/qq_34944851/article/details/53128243

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、地址栏对象(Location)
常用方法：
1、href : 设置以及获取地址栏的对象。

2、reload() 刷新当前的页面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript">
    function rafresh(){
        location.reload();  
    }
    window.setInterval("rafresh()",1000);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <h>hello javascript</h>
</body></html>

二、Screen(屏幕)对象
常用方法：
1、availHeight 获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
2、availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
3、height 获取屏幕的垂直分辨率。
4、width 获取屏幕的水平分辨率。

三、 DOM(Document Object Model) 文档对象模型
1、解释：一个html页面被浏览器加载的时候，浏览器就会对整个html页面上的所有标签都会创建一个对应的对象进行描述，我们在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到对应的对象，操作对象的属性，则可以改变浏览器当前显示的内容。

2、举例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
    <a href="#">标题1</a>
    <a href="#">标题2</a>
    <a href="#">标题3</a>
    <input type="button" onClick="writeUrl()" value="设置a标的地址"/>
</body>
<script type="text/javascript">
    var allNodes = document.all;   //获取html文件中的所有标签节点 。
    for(var i = 0; i<allNodes.length ; i++){
        alert(allNodes[i].nodeName);     //标签的名字  nodeName;
    }

    function writeUrl(){
        var links = document.links; // 获取文档中含有href的属性的标签。
        for(var i = 0; i<links.length ; i++){
            links[i].href = "http://www.baidu.cn";
        }
    }
</script>
</html>

CoolTomato_

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Location对象、Screen对象、Dom编程

一、地址栏对象(Location) 常用方法： 1、href : 设置以及获取地址栏的对象。 2、reload() 刷新当前的页面。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
复制链接

扫一扫