js---BOW---页面打开方式,跳转方式 2017-03-24
BOM ( browse object model)
一、js页面的三种打开方式
1、 window.open
格式:
window.open(“第一部分”, “第二部分”,“第三部分”,“第四部分”)
有返回值,返回值是:新打开的窗口对象。
(1) 第一部分: 页面地址url 分外部链接与内部链接
(2) 第二部分:打开方式 常用:_blank和_self
(3) 第三部分:控制打开窗口的格式,可以写多个,用空格隔开:
toolbar=no 新打开的窗口有无工具条
menubar=no 无菜单栏
status=no 无状态栏
width/height=100 宽度高度
left=100 打开的窗口距离左边多少距离
resizable=no 窗口大小不可调
scrollbars=yes 出现滚动条
location=yes 有地址栏
2、 window.navigate(“url”) 跳转到目标页面,ie专用
3、 window.location (重点)
格式:
window.location.href=”url” 跳转到目标页面
eg:var a= window.location.href 用变量获取地址
window.location.hostname 主机名,域名,网站名,
window.location.pathname 路径名
二、js页面的跳转方式
1、 window.moveTo(x,y) 移动页面至某一位置,位置由x和y决定
2、 window.resizeTo(宽,高) 调整页面的宽度高度
3、 window.scrollTo(x,y) 滚动页面至哪里,y代表纵向坐标
三、模态对话框与非模态对话框(非重点,知道就好)
1、 模态对话框(Modal Dialogue Box) 如:alert
是指用户想要对对话框以外的应用程序进行操作时,必须首先对该对该对话框进行响应。
打开模态对话框:window.showModalDialog(“url”, “向目标对话框要传的值”,”窗口特征参数“)
特征参数:用分号分开,像素大小用px;如dialogHeight,dialoeWidth等。
2、 非模态对话框
打开模态对话框:window.showModalessDialog(“url”, “向目标对话框要传的值”,”窗口特征参数“)
Var a = window.dialogArgument: 用于获取模态或非模态对话框传递的值;
注:两种对话框都是永远置的;区别在于当对话框打开时,是否允许用户进行其他对象的操作。
四、Windows.history(非)
Windows.history.back(): 页面进行后退
Windows.history.forward():页面前进
五、间隔与延迟
1、 Window.setInterval(“要执行的代码”,间隔的毫秒数)
Window.clearInterval(“id”) 清除间隔执行
例题见03-24 动态时钟或倒计时
2、Window.setTimeout(“要执行的代码”,延迟的毫秒数)
Window.clearTimeout(“id”) 清除延迟执行
Eg:停止计时
<p id="count3">0 </p>
<script>
var z = window.setInterval("count3()", 1000);
function count3() {
var now = document.getElementById("count3").innerText;
now = parseInt(now);
if(now < 10) {
now++;
document.getElementById("count3").innerText = now;
}else{
window.clearInterval(z);
}
}
</script>
js---BOW---页面打开方式,跳转方式 2017-03-24的更多相关文章
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.先导 在Andr ...
- js 修改页面样式的两种方式
1. element.style 行内样式操作 代码示例 : <!DOCTYPE html> <html lang="en"> <hea ...
- 拼多多(7pdd)微信跳转h5页面打开app跳转任意url关注技术weixin://dl/business/?ticket
拼多多微信跳转接口利用了微信官方的weixin://dl/business/?ticket技术,此类接口可以在官方接口中找到,分析代码如下: <title>拼多多</title> ...
- js登录页面的 回车事件
js登录页面的 回车事件 js登录页面的 回车事件(2012-12-26 10:37:03)转载▼标签: jseventkey回车事件登录 分类: js.jquery //回车事件 第一种docum ...
- JS页面打开方式丶对话框及页面跳转方式
一.js页面的三种打开方式 1. window.open 2. window.navigate("url") 跳转到目标页面 3. window.location.href=&qu ...
- js实现页面跳转的两种方式
CreateTime--2017年8月24日08:13:52Author:Marydon js实现页面跳转的两种方式 方式一: window.location.href = url 说明:我们常用 ...
- vue的跳转方式(打开新页面)
vue的跳转方式(打开新页面) 2018年11月22日 10:43:21 浊清... 阅读数 2043 版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和 ...
- js实现页面跳转的八种方式
整理一下JavaScript八种跳转方式,欢迎评论补充! 第一种方法: <script> window.location.replace('http://www.cnblogs.com/c ...
- vue的跳转方式(打开新页面)及传参
1. router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="sp ...
随机推荐
- 阿里云ECS重置磁盘到SSH登录
1.登录阿里云(www.aliyun.com) -- > 控制台: 2.点击左边的"云服务器ECS": 3.点击上面"第二步",进入页面之后,点击&quo ...
- HDU - 3533 bfs [kuangbin带你飞]专题二
看了好久的样例才看懂. 题意:有一个人要从(0,0)走到(n,m),图中有k个碉堡,每个碉堡可以向某个固定的方向每隔t秒放一次炮,炮弹不能穿越另一个碉堡,会被阻挡.人在移动的过程中不会被炮弹打到,也就 ...
- 在SpringBoot中配置aop
前言 aop作为spring的一个强大的功能经常被使用,aop的应用场景有很多,但是实际的应用还是需要根据实际的业务来进行实现.这里就以打印日志作为例子,在SpringBoot中配置aop 已经加入我 ...
- SpringBoot项目在IntelliJ IDEA中实现热部署
spring-boot-devtools是一个为开发者服务的一个模块,其中最重要的功能就是自动应用代码更改到最新的App上面去.原理是在发现代码有更改之后,重新启动应用,但是速度比手动停止后再启动更快 ...
- (十九)java小练习
练习1:计算13-23+33-43+--+993-1003的结果 package demo; /** * 计算13-23+33-43+--+993-1003的结果 * @author tu ...
- INS-20802
1.错误描述 2.错误原因 安装的是64位数据库,由于在设置数据库配置密码时用的是数字开头,取消时出现这个错误 3.解决办法 重新安装Oracle
- 原生JS实现tab切换--web前端开发
tab切换非常常见,应用非常广泛,比较实用,一般来说是一个网站必不可少的一个效果.例如:https://123.sogou.com/中的一个tab部分: 1.案例源代码 <!DOCTYPE ht ...
- 一个TokenUtils程序,亲测可用
1. Token用途 token是HTTP请求的令牌,通俗一点说是凭证,目的是防止api被随意访问获取信息. 可使用随机数生成,也可以使用用户id.密码或时间之类进行排序或者加密进行声称. token ...
- 【HNOI2012】永无乡(splay,启发式合并)
题解 Description 永无乡包含 n 座岛,编号从 1 到 n,每座岛都有自己的独一无二的重要度,按照重要度可 以将这 n 座岛排名,名次用 1 到 n 来表示.某些岛之间由巨大的桥连接,通过 ...
- [Luogu3455][POI2007]ZAP-Queries
BZOJ(权限题) Luogu 题目描述 Byteasar the Cryptographer works on breaking the code of BSA (Byteotian Securit ...