【前端15_JS_BOM】表单提交*，携值跳转，获取屏幕宽高，前进后退，刷新页面

最新推荐文章于 2024-03-27 11:44:51 发布

Lovely Ruby

最新推荐文章于 2024-03-27 11:44:51 发布

阅读量554

点赞数 1

分类专栏：【前端】笔记 # 基础文章标签： BOM 跳转刷新页面前进关闭

本文链接：https://blog.csdn.net/u010263423/article/details/102726416

版权

【前端】笔记同时被 2 个专栏收录

61 篇文章 2 订阅

订阅专栏

基础

30 篇文章 0 订阅

订阅专栏

文章目录

BOM

总体

BOM是浏览器对象模型

window

关闭页面

关键字 window.close()

var btn = document.querySelector("button");
btn.onclick = function () {
    window.close();
}

history

前进 & 后退

默认是0，可以添加整数，正数表示前进多少页，负数表示后退多少页

window.history.forward();
window.history.back();
window.history.go();

location

跳转

assign 可以退回
replace 不可以退回

var btn = document.querySelector("button");
btn.onclick = function (){
    window.location.assign("https://www.bilibili.com/");
    /*window.location.replace("https://www.bilibili.com/");*/
};

协值跳转

比方说我有A页面，现在我要跳转到B页面

// 在a页面写下路径
window.location.href = 'http://127.0.0.1:8848/vueStudy/05-25/B.html?' + '要传递的值'

在b页面上获取到url并分割url获得传递过来的参数

// 在b页面上写这个
window.location.href.split('?')[1]

表单提交*

<body>
    <!-- a页面 -->
    <form action="b.html" method="get">
        <input type="text" name="wangxiaoming"/>
        <input type="submit" value="提交">
    </form>
</body>

// b页面
<script>
    console.log(window.location.href.split('?')[1]);
</script>

刷新

如果参数是 true ，那么就不走缓存

window.location.reload();

screen

获取宽高

window.screen.width;
console.log("window.screen.availHeight:" + window.screen.availHeight);
console.log("window.screen.availWidth:" + window.screen.availWidth);

Lovely Ruby

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【前端15_JS_BOM】表单提交*，携值跳转，获取屏幕宽高，前进后退，刷新页面

文章目录BOM获取宽高跳转刷新BOM获取宽高 window.screen.width; console.log("window.screen.availHeight:" + window.screen.availHeight); console.log("window.screen.availWidth:" + window.screen.availWidth);跳转...
复制链接

扫一扫

专栏目录