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的更多相关文章

  1. 微信小程序详解——页面之间的跳转方式【路由】和参数传递

    微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.先导 在Andr ...

  2. js 修改页面样式的两种方式

    1.  element.style       行内样式操作 代码示例 : <!DOCTYPE html> <html lang="en"> <hea ...

  3. 拼多多(7pdd)微信跳转h5页面打开app跳转任意url关注技术weixin://dl/business/?ticket

    拼多多微信跳转接口利用了微信官方的weixin://dl/business/?ticket技术,此类接口可以在官方接口中找到,分析代码如下: <title>拼多多</title> ...

  4. js登录页面的 回车事件

    js登录页面的 回车事件 js登录页面的 回车事件(2012-12-26 10:37:03)转载▼标签: jseventkey回车事件登录 分类: js.jquery  //回车事件 第一种docum ...

  5. JS页面打开方式丶对话框及页面跳转方式

    一.js页面的三种打开方式 1. window.open 2. window.navigate("url") 跳转到目标页面 3. window.location.href=&qu ...

  6. js实现页面跳转的两种方式

      CreateTime--2017年8月24日08:13:52Author:Marydon js实现页面跳转的两种方式 方式一: window.location.href = url 说明:我们常用 ...

  7. vue的跳转方式(打开新页面)

    vue的跳转方式(打开新页面) 2018年11月22日 10:43:21 浊清... 阅读数 2043   版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和 ...

  8. js实现页面跳转的八种方式

    整理一下JavaScript八种跳转方式,欢迎评论补充! 第一种方法: <script> window.location.replace('http://www.cnblogs.com/c ...

  9. vue的跳转方式(打开新页面)及传参

    1. router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="sp ...

随机推荐

  1. SCU 4438 Censor KMP/Hash

    题意:给定一个模式串和文本,要求删除所有模式串.可能删除后会形成新的模式串,必须全部删除. 思路1:kmp算法求得失配数组,用一个match数组记录文本串中第i字符和未删除的字符能匹配模式串的长度.这 ...

  2. uva1025 动态规划

    这道题的边界是dp(T,N)=0,状态dp(i,j)表示在时间i.第j个车站最少等待时间,有三个决策:1.等1分钟 2.如果有向左的车,向左 3.若果有向右的车,向右  转移方程就是dp(i,j)=m ...

  3. uva10410 栈

    根据DFS和BFS重建树. BFS反映了当前节点到达根结点的距离,通过栈把当前处理的树或则子树的根结点放在栈顶,通过遍历DFS序列,判断当前元素与栈顶元素的关系,如果是子节点,就将它压入栈中成为新的栈 ...

  4. UVA - 242 线性DP

    题意:给定多种邮票的组合,邮票最多只能用S张,这些邮票能组成许多不同面额,问最大连续面额的长度是多少,如果有多个组合输出组合中邮票数量最少的,如果仍有长度一致的,输出邮票从大到小排序后字典序最大的那个 ...

  5. 决策树-C4.5算法(三)

    在上述两篇的文章中主要讲述了决策树的基础,但是在实际的应用中经常用到C4.5算法,C4.5算法是以ID3算法为基础,他在ID3算法上做了如下的改进: 1) 用信息增益率来选择属性,克服了用信息增益选择 ...

  6. ES6的介绍和常用语法

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 前言 ECMAScript 是 JS 的语言标准.而 ES6 是新的 J ...

  7. 老司机教你在windows不用软件隐藏重要文件

    每个人电脑里面都有些秘密,但是别人需要使用你的电脑时,有可能会看到,但是我们又不想让别人发现时,我们可以将其隐藏,那么别人就不会看到了.360文件保险柜.腾讯电脑管家等等.使用软件繁琐软件过大还会拖慢 ...

  8. Mybatis认识

    MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为MyBatis .iB ...

  9. openstack-ocata-仪表盘服务6

    Dashboard(horizon)是一个web接口,使得云平台管理员以及用户可以管理不同的Openstack资源以及服务.这个部署示例使用的是 Apache Web 服务器.一. 安装和配置 接下来 ...

  10. linux内核体系结构

    linux内核第一记   1.linux体系结构   从上图可知,Linux分为:用户空间和内核空间.内核空间和用户空间是程序执行的两种不同的状态,通过系统调用和硬件中断能够完成从用户空间到内核空间的 ...