JavaScript零基础入门--笔记动力节点最新老杜(八）全套笔记精髓

最新推荐文章于 2023-06-30 08:22:29 发布

听~宇

最新推荐文章于 2023-06-30 08:22:29 发布

阅读量163

点赞数

分类专栏：前端三件套文章标签： java

本文链接：https://blog.csdn.net/qq_47518713/article/details/124082931

版权

前端三件套专栏收录该内容

15 篇文章 1 订阅

订阅专栏

BOM编程-open和close

1、BOM编程中，window对象是顶级对象，代表浏览器窗口。
2、window有open和close方法，可以开启窗口和关闭窗口。

<body>
    <script type="text/javascript">

    </script>
    <input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com')">
    <!-- 当前窗口打开--><!-- 第二个传入的是参数-->
    <input type="button" value="开启百度(当前窗口)" onclick="window.open('http://www.baidu.com', '_self');" />
    <input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com', '_blank');" />
    <input type="button" value="开启百度(父窗口)" onclick="window.open('http://www.baidu.com', '_parent');" />
    <input type="button" value="开启百度(顶级窗口)" onclick="window.open('http://www.baidu.com', '_top');" />

    <input type="button" value="打开其他文件"  onclick="window.open('045.html')"/>

</body>

可重复打开关闭页面

弹出消息框和确认框

<body>
    <script type="text/javascript">
        function del() {
            var ok = window.confirm('亲，确认删除数据吗？')
            //如果你点击确认
            /*if(ok){
                alert('delete  data .....')
            }*/
            if(window.confirm('亲，确认删除数据吗？')){
                alert('delete data.....')
            }
        }
    </script>

    <input type="button" value="弹出消息框" onclick="window.alert('消息框!')" />
    <!--删除操作的时候都要提前先得到用户的确认。-->
    <input type="button" value="弹出确认框(删除)" onclick="del();" />

</body>

当前窗口设置为顶级窗口

history对象

设置浏览器地址栏上的URL

总结，有哪些方法可以通过浏览器往服务器发请求？
       1、表单form的提交。
       2、超链接。<a href="http://localhost:8080/oa/save?username=zhangsan&password=123">用户只能点击这个超链接</a>
       3、document.location
       4、window.location
       5、window.open("url")
       6、直接在浏览器地址栏上输入URL，然后回车。（这个也可以手动输入，提交数据也可以成为动态的。）

       以上所有的请求方式均可以携带数据给服务器，只有通过表单提交的数据才是动态的。

<body>
    <script type="text/javascript">
        //这个一进页面就直接跳转百度
        /*var locationObj = window.location;
        locationObj.href = "http://www.baidu.com";*/
        //当然window.location,     document.location = 'http://www.baidu.com'
        // 和上面效果一样

        function goBaidu() {
            document.location = 'http://www.baidu.com'
        }
    </script>

    <input type="button" value="新浪" onclick="goBaidu();"/>
    <!--点击直接跳转百度-->
    <input type="button" value="baidu" onclick="window.open('http://www.baidu.com');" />
</body>

听~宇

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript零基础入门--笔记动力节点最新老杜(八）全套笔记精髓

BOM编程-open和close1、BOM编程中，window对象是顶级对象，代表浏览器窗口。 2、window有open和close方法，可以开启窗口和关闭窗口。<body> <script type="text/javascript"> </script> <input type="button" value="开启百度(新窗口)" onclick="...
复制链接

扫一扫