JS的BOM和document对象

最新推荐文章于 2022-12-26 17:42:23 发布

Alex十年

最新推荐文章于 2022-12-26 17:42:23 发布

阅读量1k

点赞数

分类专栏： JAVAWEB

本文链接：https://blog.csdn.net/ilikejj0/article/details/78658248

版权

JAVAWEB 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

七、JS中的BOM对象（browser object model）
1.navigator获取客户端信息，浏览器的信息

document.write(navigator.appName);

2.screen获取屏幕的信息，宽、高、分辨率等等

document.write(screen.width);
document.write(screen.height);

3.location请url地址（记住写的方式）
–获取当年页面的地址

document.write(location.href);

–设置url的地址

location.href="http://www.baidu.com";

4.history来实现跳转到上一页面和下一页面

history.back();//跳转到上一页面====history.go(-1);
history.forword();//跳转到下一页面====history.go(1);

5.window对象
–窗口对象
–顶层对象（所有的bom对象都是在widow里面操作的，只是简写了，eg:window.history.go(-1);）
方法：
1).alert();弹出一个提示框
2).confirm();确认框

window.confirm("确认删除？");

但是该方法会有一个返回值，如果点击确定，返回true，点击取消，返回false。

var flag=window.confirm("确认删除？");

3) open();打开一个新的窗口
open(“打开新窗口的URL”,”新窗口名字，一般为空，即不设置”,”窗口的特征，宽高”);//特别注意窗口特征里的代码的格式

window.open("http://www.baidu.com","","width=400,height=400"); //特别注意窗口特征里的代码的格式

4) close();关闭窗口

window.close();

5)setInterval();定时器,会有一个返回值

setInterval("alert('123')",3000);//每3秒跳一个提示框
var id2=setTimeout("alert('aaa');",3000);//请求发出三秒后弹出一次
                clearInterval(id1);//清除setInterval设置的定时器
                clearTimeout(id2);//清除setTimeout设置的定时器

八、JS的DOM对象（document object model 文档对象模型）
可以使用JS中DOM里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操作
1.DOM的解析原理
这里写图片描述
九、补充：DHTML：很多技术的简称
–html:封装数据
–css:利用属性和属性值设置数据
–dom:操作html文档（标记型文档）
–JavaScript：主要是指第一部分，语法语句（ECMAScript）
十、document对象
1.getElementById(“id名字”);通过ID获得标签

 <input id="id1" type="text" value="你好"/>
        <script>
            var id1=document.getElementById("id1");
            //得到其中的值，标签对象.属性名称
            document.write(id1.value);
            //设置属性值
            id1.name="name1";
            document.write(id1.name);
        </script>

2.getElementsByName(“name名字”);通过属性名字来获取标签对象，返回的是一个数组

<body>
        <input id="id1" type="text" name="name1" value="aaa"/><br/>
        <input id="id2" type="text" name="name1" value="bbb"/><br />
        <input id="id1" type="text" name="name1" value="ccc"/><br/>
        <input id="id2" type="text" name="name1" value="ddd"/><br />

        <script>
            var inputs=document.getElementsByName("name1");
            for(var i=0;i<inputs.length;i++){
                var input1=inputs[i];
                alert(input1.value);
            }//
        </script>
    </body>

如果只有一个元素，可以这样写，不用遍历

<body>
        <input id="id1" type="text" name="name1" value="aaa"/><br/>     
        <script>
            var inputs=document.getElementsByName("name1")[0];
            alert(inputs.value);
        </script>
    </body>

3.getElementsByTagName(“标签名字”);通过标签名字来获取标签对象
返回的也是一个数组，用法和上面相同

var inputs=document.getElementsByTagName("input");

Alex十年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS的BOM和document对象

七、JS中的BOM对象（browser object model） 1.navigator获取客户端信息，浏览器的信息document.write(navigator.appName);2.screen获取屏幕的信息，宽、高、分辨率等等document.write(screen.width);document.write(screen.height);3.location请...
复制链接

扫一扫