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>

    支不支持都可以。

  • 相关阅读:
    HDU5446 Unknown Treasure
    C语言课设——通讯录操作系统
    判断设备是否横屏
    禁止用户横屏
    用javascript编写ps脚本
    用户鼠标指针的样式
    如何使用typescript开发node(自动编译,自动重启)
    CSS3:box-sizing:不再为匣子模型而烦恼
    命令行开启自动编译scss(webstrom可开启自动编译)
    TypeError: Cannot read property 'replace' of undefined ----angular2
  • 原文地址:https://www.cnblogs.com/youxin/p/2653476.html
Copyright © 2011-2022 走看看