JavaScript+Jquery——DOM对象操作

最新推荐文章于 2024-06-10 21:57:03 发布

大大大野

最新推荐文章于 2024-06-10 21:57:03 发布

阅读量109

点赞数

分类专栏：初学者文章标签： javascript jquery 前端

本文链接：https://blog.csdn.net/HGninjago/article/details/125053803

版权

初学者专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本章开始之前首先需要了解的是BOM是什么 BOM是浏览器对象模型的简称用来控制浏览器的各种操作 其中window浏览器对象是整个BOM核心对象 DOM有三个对象分别是document文档、history历史对象、location地址对象

使用格式 widow.属性名=“属性值”

其常用属性：
history 显示历史记录
location 当前URL（统一资源定位器）使用信息跳转到属性值的指定网页等同于搜索或者是重新加载

1.浏览器对象常用方法

        prompt("");//提示用户输入信息的对话框
        alert("");//显示一个带有确认的警告框
        confirm("");//显示带有确认和取消的对话框
        close("")//关闭浏览器窗口
        open("")//打开一个指定的端口并加载指定的URL
        setTimeout()//指定时间（毫秒）后调用函数或表达式
        setInterval()//指定循环时间 来循环调用函数

因为window对象是全局对象，所以使用时可以省略掉以下对confirm、close、open进行讲解

</head>
<body>
    <input type="button" value="删除"  onclick="l1()">
    <input type="button" value="打开新窗口"  onclick="l2()">
    <input type="button" value="关闭窗口"  onclick="l3()">
    <script type="text/javascript">
        function l1(){
            var flag =confirm("你确定要删除吗！");
            if(flag==true){
                alert("删除成功");
            }
            else{
                alert("取消删除");
            }
        }
        function l2(){
            open("www.baidu.com","谷歌","fullscreen=yes");//此处的第一个参数为需要打开的url地址 第二个为窗口名称 第三个为窗口参数能设置高宽 是否显示滚动条等等
        }
        function l3(){
            window.close();//关闭窗口
        }
    </script>
</body>

以上一次性列出三种方法如何使用

2.history对象

该对象提供用户最近浏览过的URL列表有点类似于前进后退的意思比较容易理解

<body>
    <input type="button" value="返回前一个打开的窗口"  onclick="l1()">
    <input type="button" value="加载最后一个浏览的文档"  onclick="l2()">
    <input type="button" value="加载前一个"  onclick="l3()">
    <input type="button" value="加载后一个"  onclick="l4()">
    <script type="text/javascript">
        function l1(){
            history.back();
        }
        function l2(){
            history.forward();
        }
        function l3(){
            history.go(1);//返回历史列表中所对应位置的url地址 1则是前进一页 -1则是后退一页
        }
        function l4(){
            history.go(-1);
        }
    </script>
</body>

go（n）n为所要跳转的位置上述代码也有对其进行解释

3.location对象

这个就更好理解了跟超链接及其类似通过不同的网址可以实现动态的跳转功能

<a href="javascript:location.href='../第二章/history对象.html'">查看详情...</a>
<!-- href设置或返回完整的URL  此处来说可以算作是跳转链接 可以直接写location='url'也是一样的效果-->
<a href="javascript:location.reload()">刷新本页...</a>

location我只列举了href 他还有host它用于设置或者返回主机名和当前url以及hostname设置或者返回当前url的主机名

而刷新reload 还有另外一种方法replace（）他是用新的文档替换当前文档

本次的文章能使你对DOM对象有一定的了解以及能初步使用下一次讲最重要的document对象这次就到这里了886。

大大大野

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript+Jquery——DOM对象操作

本章开始之前首先需要了解的是BOM是什么BOM是浏览器对象模型的简称用来控制浏览器的各种操作其中window浏览器对象是整个BOM核心对象DOM有三个对象分别是document文档、history历史对象、location地址对象使用格式 widow.属性名=“属性值”其常用属性：history 显示历史记录location 当前URL（统一资源定位器）使用信息跳转到属性值的指定网页等同于搜索或者是重新加载1.浏览器对象常用方法 prompt("");//提...
复制链接

扫一扫