zoukankan      html  css  js  c++  java
  • Javascript DOM 编程艺术: popUp

    JavaScript uses the open() method of the window object to create new browser windows. The method takes three arguments:

        window.open(url,name,features)

    All of the arguments are optional. The first argument is the URL for the document you  want to open in a new window. If this is missing, an empty browser window will be created.  The second argument is the name that you can give this newly created window. You can  use this name in your code to communicate with your newly created window.

    Here’s an example of a typical function that uses window.open():

    function popUp(winURL) {
    window.open(winURL,"popup","width=320,height=480");

    <a href="#" onclick="popUp('http://www.example.com/');
    ➥ return false;">Example<a>

    }

    One way of calling the popUp function is to use what’s known as a pseudo-protocol.
    Real protocols are used to send packets of information between computers on the
    Internet. Examples are http://, ftp://, and so on. A pseudo-protocol is a non-standard
    take on this idea. The javascript: pseudo-protocol is supposed to be used to invoke
    JavaScript from within a link.
    Here’s how the javascript: pseudo-protocol would be used to call the popUp function:

        <a href="javascript:popUp('http://www.example.com/');">Example</a>
    This will work just fine in browsers that understand the javascript: pseudo-protocol.
    Older browsers, however, will attempt to follow the link and fail. Even in browsers that
    understand the pseudo-protocol, the link becomes useless if JavaScript has been disabled.
    In short, using the javascript: pseudo-protocol is usually a very bad way of referencing
    JavaScript from within your markup.

    假若浏览器不支持js,怎么办?一种更好的处理方式:

      <a href="http://www.example.com/"  onclick="popUp(this.href); return false;">Example</a>

    支不支持都可以。

  • 相关阅读:
    OpenGL3:先导篇 数据类型
    Linux开发:同步与异步
    前端面试题
    工具
    API和DLL
    CSS了一个浮动导航条
    AJAX背景技术介绍
    2014年8月18日17:02:53
    怎么增加照片的KB大小
    HTML5增加的几个新的标签
  • 原文地址:https://www.cnblogs.com/youxin/p/2653476.html
Copyright © 2011-2022 走看看