js控制页面跳转

[size=xx-large][color=orange][b]js控制页面跳转[/b][/color][/size]

 1 window.open("http://www.xxx.com", "_self")
此方法的作用是控制济览器打开窗口,加上"_self"属性时在自身窗口打开。


2 location对像是window对像的一个子对像,可以使用如下方法:
window.location = "http://www.xxx.com";
window.location.href = "http://www.xxx.com";
这两种方法和
location = "http://www.xxx.com";
location.href = "http://www.xxx.com";
是等价的。这几种方式在各个浏览器下支持较好,且执行后后面的代码仍然会起作用。


location还有一个replace()方法,作用是导航到指定页面,并且屏蔽“后退”按钮。这个方法

在安全级别较高的场合如银行系统中比较有用,但它在VISTA+IE7下无法屏蔽“后退”按钮,可能

是因为VISTA安全设置的问题,禁止了脚本对浏览器的操作。


window.top.location = "http://www.xxx.com";
top.location.href = "http://www.xxx.com";
这两种写法等价,一般应用在框架中,作用是在母框架打开,即将整个页面替换掉。


3 window.history.go(-1);/window.history.back();
window.history.go(1);/window.history.forward();
前两个方法作用相当于“后退”按钮,后两个方法相当于“前进”按钮。这些方法在VISTA下同样会有问题。


4 document.URL = "http://www.xxx.com")
此方法设置了页面的URL后,后面的代码依然会执行,但它在在FireFox下不通用,建议一般使用location的相关方法



1、window.open之后,子页面关闭之前刷新子页面,目前测试过的刷新方法:
1.1 window.opener.location.reload(); 该方式使用时会提示你是否确定刷新,比较烦人。
1.2 window.opener.location.href=window.opener.location.href; 该方式不会弹窗;

javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href



转自:[url]http://blog.csdn.net/lolinzhang/article/details/3952128[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Axios是一个基于Promise的HTTP客户端,可以用于向服务器发送HTTP请求。它本身并不提供控制iframe页面跳转的功能,但是可以通过发送HTTP请求来控制iframe页面跳转。 具体而言,可以通过以下步骤来控制iframe页面跳转: 1. 在父页面中创建一个iframe元素,并为其设置一个id属性,以便在JavaScript中引用它。 2. 在JavaScript中使用axios发送HTTP请求,将请求的URL设置为要在iframe中加载的页面的URL。 3. 在axios的响应拦截器中,将响应的HTML内容设置为iframe的src属性,从而实现在iframe中加载指定页面的效果。 以下是一个使用axios控制iframe页面跳转的示例代码: ```javascript // 获取iframe元素 var iframe = document.getElementById('my-iframe'); // 发送HTTP请求并设置响应拦截器 axios.get('https://example.com/page-to-load.html') .then(function (response) { // 将响应的HTML内容设置为iframe的src属性 iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(response.data); }) .catch(function (error) { console.log(error); }); ``` 注意,由于浏览器的安全限制,如果要在iframe中加载来自其他域的页面,必须在服务器端设置CORS头或使用代理。 ### 回答2: 借助axios库可以很方便地控制iframe页面跳转。在使用axios进行网络请求时,可以结合iframe元素来实现跳转功能。 首先,在页面中创建一个iframe元素: ```html <iframe id="myIframe" src=""></iframe> ``` 然后,使用axios发起请求,并在请求成功后将返回的内容设置为iframe的src属性: ```javascript axios.get('http://example.com/myPage') .then(function (response) { var iframe = document.getElementById('myIframe'); // 将返回的内容设置为iframe的src iframe.src = response.data; }) .catch(function (error) { console.log(error); }); ``` 这样,当axios请求成功后,会将返回的内容设置为iframe的src,从而实现页面跳转。 需要注意的是,为了避免跨域问题,请求的URL应该与当前页面的域名相同或允许跨域访问。 此外,axios还可用于其他控制iframe页面的操作,如向iframe发送数据、从iframe接收数据等。具体使用方法可根据需求进行探索。 ### 回答3: axios 是一个基于 Promise 的 HTTP 请求库,用于在浏览器和 Node.js 环境中进行数据请求。它本身并不能直接控制 iframe 页面跳转,因为 iframe 被视为一个独立的窗口,并且无法直接访问其内部的DOM和操作跳转。 要控制 iframe 页面的跳转,你需要通过 JavaScript 的 window 对象来操作。你可以在主窗口中使用 axios 请求数据,然后在请求成功的回调函数中使用 iframe.contentWindow.location.href 来改变 iframe 的 src 属性,实现跳转功能。具体的步骤如下: 1. 在主页面中,使用 axios 发起请求。 2. 在请求成功的回调函数中,通过获取到的 iframe 的 DOM 元素对象来获取 iframe 的 contentWindow。 3. 使用 contentWindow.location.href 来改变 iframe 的 src 属性,完成页面跳转。 示例代码如下: ```javascript axios.get('https://example.com/data') .then(response => { const iframe = document.getElementById('myIframe'); iframe.contentWindow.location.href = response.data.url; }) .catch(error => { console.error(error); }); ``` 在这个例子中,我们使用 axios 发起了一个 GET 请求,并将返回的数据中的 URL 用于改变 iframe 的 src 属性,实现了页面跳转的效果。 需要注意的是,iframe 被用于加载来自不同域的内容时,存在跨域限制。因此,在实际应用中,可能需要在服务器端进行跳转控制,以避免跨域问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值