zoukankan      html  css  js  c++  java
  • Javascript web知识

    浏览器中的JavaScript很重要的一部分是BOM(浏览器对象模型),她提供了独立于内容而与浏览器窗口进行交互的对象。

    1. 导航和打开新窗口

             window.open(“http://www.baidu.com”,”wioxwindow”,

    ”height=150,width=30,top=10,left=10,resizable=yes”);

    特性字符串是用逗号分隔的,因此在逗号或等号前后不能有空格。

             window.open( pageURL,name,parameters);

    其中:

             pageURL 为子窗口路径

             name        为子窗口句柄

             parameters   为窗口参数

    参数取值说明

     
       

                       alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后

                       alwaysRaised|yes/no |指定窗口悬浮在所有的窗口之上

                       depended|yes/no |是否和父窗口同时关闭

                       directories|yes/no |Nav2和3的目录栏是否可见

                       height| pixel value |窗口高度

                       hotkey|yes/no |在没菜单栏的窗口中设置安全退出热键

                       innerHeight| pixel value |窗口中文档的像素高度

                       innerWidth| pixel value |窗口中文档的像素宽度

                       location|yes/no |位置栏是否可见

                       menubar|yes/no |菜单栏是否可见

                       resizable|yes/no |窗口大小是否可调整

                       scrollbars|yes/no |窗口是否可滚动

                       titlebar|yes/no |窗口标题栏是否可见

                       toolbar|yes/no |窗口工具栏是否可见

                      

    用函数控制窗口弹出:

             1. <body onload=”openwin()”> 浏览器读页面时弹出窗口

             2. <body onunload=”openwin()” 在浏览器离开页面时弹出窗口

             3. 用一个连接调用

             <a href=”#” onclick=”openwin()”>打开一个窗口</a>

    注意:使用的“#”是虚链接。

             4. 用一个按钮调用

             <input type=”button” onclick=”openwin()” value=”打开窗口” />

             5. 在弹出窗口后定时关闭

    将下面一行代码加入弹出页面(注意加入的是弹出页面,而非主页面),让其10秒后关闭。

            

    <script type=”text/javascript”>

                       function closeit(){

                                setTime(“self.close()”,10000);

    }

    </script>

    然后,再用 <body onload=”closeit()”> 替换弹出页面<body>标签的内容。这是调用的一句话。

     
       

     

    2. 系统对话框 (弹出消息)

             1. alert(“Hello World!”) ;//只接受一个参数即显示给用户的文本

             2. confirm(“Are you sure”;) //返回一个 bool值

             3. prompt(“What’s your name?”,”Michael”) ;

             //提示用户输入信息,返回输入值或null

    3. 时间间隔和暂停

             暂停:setTimeout(‘function’ ,time)

    第一个参数可以是代码串,也可以是函数指针,第二个参数是暂停时间(毫秒)

             function time(){ alert(‘执行’);}

             <input type=”button” onclick=”setTimeout(‘time’,1000)” />

    表示在一秒后执行time()函数,调用setTimeout()时,它创建一个数字暂停ID,与操作系统的进程ID相似。暂停ID本质上是要延迟的进程ID,在调用setTimeout() 时后,就不应该执行其他代码。想取消还未执行的暂停,可以用 clearTimeout() 来取消。

             clearTimeout() 接受一个参数:执行 setTimeout()时,创建的暂停ID。

    时间间隔:setInterval(); clearInterval();       参数同上。

    4. location 对象表示载入窗口的URL,它还可以解析URL。

             location.href 是最常用的属性,用于获取或设置窗口的URL,改变属性值就可以导航到新的页面。

             location.href=”http://www.baidu.com”;

    方法实现         location.assign(“http://www.baidu.com”);

    replace()方法与assign()方法操作一样,但它多了一步操作,即从浏览器历史中删除了包含脚本的页面,这样就不能通过浏览器的back和forward按钮访问它了。

    reload() 方法 重载。

    //location跳转连接

    <input />点击链接

    1. 链接到某页

             <input type="button" onclick="location.href='index.php'" />

    2. 返回(等同后退)

             <input type="button" onclick="location.href='javascript:history.go(-1)'" />

    3. 打开新网页

             <input type="button" onclick="window.open('index.php')" />

    4. 打开新网页同时指向另一页

    <input type="button" onclick="window.open('index.php');location.href='http://baidu.com'" />

    5. 弹出窗口

    方式一、

    <input type="button" onclick="alert('是否确认提交?');location.href='index.php';return false;" />

    方式二、

    <input type="button" onclick="if(confirm('是否选择提交?')) location.href='index.php'; return false;" />

  • 相关阅读:
    扩展方法使用
    mac学习笔记:brew 安装nginx
    Mac SVN 命令行
    mac终端命令大全
    mac学习笔记之:使用brew安装软件
    Linux学习笔记之更新yum安装最新Nginx+Php
    pyenv快速入门
    pycharm配置robotframework环境(mac版)
    macOS的zsh和bash切换
    robotframework windows环境和mac环境安装教程
  • 原文地址:https://www.cnblogs.com/air5215/p/5351802.html
Copyright © 2011-2022 走看看