js操作当前窗口
CreateTime--2017年7月21日09:58:34
Author:Marydon
js操作当前窗口
1.打开一个新的窗口(新的标签页)
实现方式:window.open(url)
实例一:
HTML片段
<input id="test" type="button" value="打开一个新的标签页窗口" onclick="openNewTag();"/>
JAVASCRIPT部分
/**
* 在当前浏览器上打开一个新的标签页
*/
function openNewTag () {
var url = "www.baidu.com";
url = "http://" + url;
window.open(url);
}
实例二:
<!-- 方式一:推荐使用 -->
<a href="javascript:;" onclick="window.open('<c:url value="/uploadfile/134557/000225326/进击的巨人-三笠.jpg"/>')">
操作js打开新的标签页
</a>
<!-- 方式二 -->
<a href="javascript:;" onclick="window.open('http://127.0.0.1:8060/ycyl/uploadfile/134557/000225326/进击的巨人-三笠.jpg')">
操作js打开新的标签页
</a>
2.在本标签页实现本页面跳转
实现方式:window.location.href=url
实例一:
HTML片段
<input id="test" type="button" value="页面跳转" onclick="pageHref();"/>
JAVASCRIPT部分
/**
* 在当前标签页跳转到其他页面
*/
function pageHref () {
var url = "www.baidu.com";
url = "http://" + url;
window.location.href = url;
}
实例二:
/**
* 返回List展示页面
*/
this.goback = function(){
window.location.href = baseUrl+"/telemedicine/patient/index.do?RESULT_TYPE=modelAndView9";
}
<table cellspacing="0" cellpadding="0" border="0" width="100%" height="100%">
<tbody>
<tr>
<td align="right">
<!-- 进行评价 -->
<input type="button" onclick="consEval.save();" class="Button" style="margin-right:40px;" value="提交"
onmouseover="javascript:this.className='ButtonOver'" onmouseout="javascript:this.className='Button'"/>
</td>
<td align="left">
<!-- 返回 -->
<input type="button" onclick="consEval.goback();" class="Button" style="margin-left:40px;" value="返回"
onmouseover="javascript:this.className='ButtonOver'" onmouseout="javascript:this.className='Button'"/>
</td>
</tr>
</tbody>
</table>
3.在本标签页实现父页面跳转
实现方式:parent.location.href=url
4.刷新页面
4.1 刷新本页面
// 方式一
window.location.reload();
// 方式二
window.history.go(0);
// 方式三
window.location.href = window.location.href;
// 方式四
window.location.replace(window.location.href);
4.2 刷新父页面
实现方式:parent.document.location.reload();
相当于按F5键
5.打印网页
实现方式:window.print();
6.关闭当前选项卡
实现方式:window.close();
说明:
1.这种方式会有提示;
2.如果只有一个选项卡,会关闭浏览器。
UpdateTime--2018年3月23日16:53:01
7.网页的前进与后退
前进
// 方式一
window.history.forward();
// 方式二
window.history.go(1);
后退
// 方式一
window.history.back();
// 方式二
window.history.go(1);
说明:前进和后退,界面无刷新。
js操作当前窗口的更多相关文章
- java selenium webdriver处理JS操作窗口滚动条
未经作者允许,禁止转载!!! java selenium webdriver处理JS操作窗口滚动条 java selenium webdriver处理JS操作窗口滚动条 import org.open ...
- selenium中元素操作之浏览器窗口滚动&网页日期控件操作(js操作)(五)
js的滚动条scrollIntoView() Arguments[] - python与js之间的羁绊 1.移动到元素element对象的“底端”,与当前窗口的“底部”对齐: driver.execu ...
- JS子父窗口互相操作取值赋值的方法介绍
$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementById ...
- 转-JS子窗口创建父窗口操作父窗口
Javascript弹出子窗口 可以通过多种方式实现,下面介绍几种方法 (1) 通过window对象的open()方法,open()方法将会产生一个新的window窗口对象 其用法为: window ...
- JS打开新窗口,子窗口操作父窗口
<!--父窗口弹窗代码开始--> <script type="text/javascript"> function OpenWindow() { windo ...
- JS获取子窗口中返回的数据
在开发的时候,遇到了这样一个问题,客户填写自己的收货地址,可以新建,但同时也可以选择之前填写的,由于我们的客户本身就是商户,地址繁多,把它之前的地址简单用个下拉框罗列出来显然不合适,并且客户要求能够对 ...
- Js打开新窗口拦截问题整理
一.js打开新窗口,经常被拦截 //js打开新窗口,经常被拦截 //指定本窗口打开,可以使用 window.open('http://www.tianma3798.cn', '_self'); //不 ...
- js操作bom和dom
Bom 概念 BOM : Browser Object Model 浏览器对象模型,描述与浏览器进行交互的方法和接 口, ECMAscript是javascript的核心,但如果要在web中使用jav ...
- 原生JS操作iframe里的dom
转:http://www.css88.com/archives/2343 一.父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性,contentW ...
随机推荐
- oracle 查看16进制
DUMP function is useful for this purpose. SQL> select dump(C1) from test; DUMP(C1)--------------- ...
- Android apk去广告
韩梦飞沙 yue31313 韩亚飞 han_meng_fei_sha 313134555@qq.com 下载地址: [北方网通] [电信网通] [下载说明] 1 点击上面的地址,打开下载页面 ...
- [BZOJ4898] [Apio2017]商旅
[BZOJ4898] [Apio2017]商旅 传送门 试题分析 考虑两个点之间的路径,显然如果交易的话肯定选\(S_{t,i}-B_{s,i}\)最大的. 那么我们可以先用\(Cost\)把两个点的 ...
- BZOJ 1116 [POI2008]CLO(并查集)
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=1116 [题目大意] Byteotia城市有n个towns,m条双向roads.每条ro ...
- 【强连通分量缩点】【DFS】【动态规划】Urozero Autumn Training Camp 2016 Day 5: NWERC-2016 Problem B. British Menu
有向图,不经过重复点的最长链,强连通分量大小不超过5. 每个强连通分量内部暴力预处理任意两对点之间的最长路,外面DAG上dp. 不是很好写,但是预处理完了之后,可以重构每个强连通分量内部的结构,然后整 ...
- python基础之组合继承多态
组合 1.什么是组合 组合就是一个类的对象具备一个指向另外一个类的对象的属性 2.为何用组合 组合可以减少代码冗余 3.如何使用 class People: def __init__(self,nam ...
- [转]spring中<tx:advice></tx:advice>意义
<tx:advice id="tv" transaction-manager="transactionManager"> <tx:attrib ...
- Scala 匿名函数
Scala 中定义匿名函数的语法很简单,箭头左边是参数列表,右边是函数体. 使用匿名函数后,我们的代码变得更简洁了. 下面的表达式就定义了一个接受一个Int类型输入参数的匿名函数: var inc = ...
- [移动应用安全]移动应用安全培训PPT
这是年初给公司做的移动应用安全培训,主要是针对开发的兄弟们,让大家对目前的移动领域的安全形势有个了解,以及不正确的开发所带来的危害,另外还配了个详细的word版的移动应用开发指南,后面一起附上:).
- 如何使用Less?
LESS是动态样式语言,赋予CSS动态语言的特性,如变量.继承.运算.函数,使得CSS更方便编写与维护.>>官网 less @color:#ff0000; body{color:@colo ...