• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > JS应用 > 前端开发中常用到的几个JS弹窗函数

    前端开发中常用到的几个JS弹窗函数

    作者: 分类:JS应用 点击: 2,547 次
    wordpress CMS主题:ssmay主题

      在做网页前端开发中,我们会经常用到一些弹窗提示,这就离不开JS的常用弹窗函数。如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,我们需要根据不同的需求,弹出不同的网页弹窗。本章,就随高时银博客一起来看看JS的常用函数都有哪些。

      1、alert弹窗 : 普通弹窗提示

      alert弹窗是我们做JS时使用最多的一种弹窗,主要作为提示。

      2、confirm("") 弹窗 :判断是否操作

      confirm() 方法主要用于显示一个带有指定消息和 OK 及取消按钮的对话框。如用户点击确定按钮,则返回 true。如点击取消,则返回 false。在点击确定或取消按钮关闭之前,它将阻止用户对浏览器的所有输入。在用户作出响应之前,不会执行下一条语句。如:

      if(confirm("真的要删除吗?")){
      window.location="?action=del_pi&id="+id_a;
      }

      3、prompt("") 弹窗:可以输入内容

      prompt("") 弹窗方法用于显示可提示用户进行输入的对话框。如用户单击取消按钮,则返回 null。如单击确认按钮,则返回输入的文本。在点击确定或取消关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,在用户作出响应之前,不会执行下一条语句。如:

      img_c[9].onclick = function(){ //flash
      var flash = prompt("请添加flash地址","http://");
      if(flash){
      content("[flash]"+flash+"[/flash]");
      }
      }

      4、window.open 自定义弹窗

      上面3种弹窗都是JS规定好样式的弹窗,一般我们不需修改而直接使用就可以了。而window.open 弹窗是自定义弹窗,需要我们为它设置。window.open 弹窗带有一些常用参数,我们可以根据自己的需求来设置这些参数,就可以显示自己想要的弹窗效果。如:

      window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
      参数解释:
      window.open 弹出新窗口的命令;
      'page.html' 弹出窗口的文件名;
      'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
      height=100 窗口高度;
      width=400 窗口宽度;
      top=0 窗口距离屏幕上方的象素值;
      left=0 窗口距离屏幕左侧的象素值;
      toolbar=no 是否显示工具栏,yes为显示;
      menubar,scrollbars 表示菜单栏和滚动栏。
      resizable=no 是否允许改变窗口大小,yes为允许;
      location=no 是否显示地址栏,yes为允许;
      status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

      以上就是JS常用弹窗的函数,我们在做前端网页的过程中可能会经常用到。具体如何使用,还是要大家平时多多练之。

       

       



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201604275075.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.