关于js中页面跳转的用法
【摘要】 “window.location.href”、"location.href"是本页面跳转.“parent.location.href” 是上一层页面跳转.“top.location.href” 是最外层的页面跳转.举例说明：如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写"window.location.href"、"loc...
“window.location.href”、"location.href"是本页面跳转.
“parent.location.href” 是上一层页面跳转.
“top.location.href” 是最外层的页面跳转.
举例说明：
如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写
"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转
如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
如果访问的是iframe里面的页面，重新加载最外层的页面
<html>
<head>
<title></title>
<script language="javascript">
function escapeFrame(){
if (window.top.location.href != window.location.href) {
window.top.location.reload();
}
}
</script>
</head>
<body onload="escapeFrame()">
<iframe src="b.html" ></iframe>
</body>
</html>
使用v-loading在接口未请求到数据之前，显示加载中，直到请求到数据后消失。
//全局loading
<template>
<div v-loading="loading"> </div>
</template>
在data 中定义初始化， loading: false，同时在mounted()中将 this.loading设置为true,再去请求接口.,
在接口的回调函数中，将 this.loading 设为false，到达加载动画效果。
如果写在template下的顶层元素上的话，就不会触发全屏loading。
// 局部loading
<template>
<div>
<section v-loading="loading"></section>
</div>
</template>
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）