关于js中页面跳转的用法

举报
SHQ5785 发表于 2024/04/19 15:11:25 2024/04/19
【摘要】 “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>

实例
在控制台上输出信息:

console.info("Hello Runoob!");

定义和用法
console.info() 方法用于在控制台输出信息。

该方法对于开发过程进行测试很有帮助。

提示: 在测试该方法的过程中,控制台需要可见 (浏览器按下 F12 打开控制台)。

语法

console.info(message)

方法

console.info()	Yes	8.0	4.0	Yes	Yes

参数说明
参数 类型 描述
message StringObject 必需,控制台上要显示的信息。

实例
使用对象作为输出的信息:

var myObj = { name : "菜鸟教程", site : "www.runoob.com" };
console.info(myObj);

实例
使用数组作为输出的信息:

var myArr = ["Google", "Taobao", "Runoob", "Facebook" ];
console.info(myArr);
【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。