wordpress CMS主题 微信
Home > JS应用 > 前端开发中常用到的几个JS弹窗函数

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

高时银博客 JS应用 点击: 1,667 次 0 1
  • 标签:
  • 在做网页前端开发中,我们会经常用到一些弹窗提示,这就离不开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常用弹窗的函数,我们在做前端网页的过程中可能会经常用到。具体如何使用,还是要大家平时多多练之。

     

     


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

    目前还没有评论。赶快来坐沙发吧。

    发表评论