分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

【前端开发】--js弹框

发布时间:2023-09-06 01:29责任编辑:蔡小小关键词:js前端开发前端

js三种弹框

    一.普通弹框

       这类弹框就是仅仅是个提示作用,并不会做其它操作

      关键词:alert()

   这个没啥好说的,就是一个弹框。

   二.判断弹框

    这类框有一个判断作用

     关键字:confirm()

if(confirm("成绩库定稿后成绩无法再做修改,点击确认将生成最终成绩库,还可能修改,请点击取消")) ????????????????????{ ???????????????// 如果点击确定 ,那就在这里添加相关逻辑 ????????????????alert("保存成功") ?????????????} ???????else ????????{ ???????????//如果点击取消,那就再这操作相关逻辑 ???????????alert("已取消") ???????}

看这个框效果:

 三.弹框输入能赋值

 关键字:prompt("请输入您的名字","")

var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name , ????????????????????????//这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值 ???????????????????if(name)//如果返回的有内容 ???????????{ ????????????????alert("你的名字是"+ name) ?????????????????????}

效果:

当然如果你还要需要其它的操作,你可以用jquery

关键字:dialog

$(function(){ ???$("#add").click(AddZsmepz);}//添加招生名额配置function AddZsmepz(){ ???????$.dialog({ ???????????id: add, ???????????fixed: true, ???????????lock: true, ???????????width: 600, ????????????height: 330, ???????????cancelVal:"关 闭", ???????????cancel:true, ???????????title:‘添加招生名额配置‘, ???????????content: ‘url:‘+‘addZsmepz.htm?type=add‘ ????????????});}

 效果:

 这里其实是一个新的页面,只是把它放在一个固定大小的弹框里,关于dialog,我这里不多讲,还是比较复杂的,可以单独搜它。

 水滴石穿,成功的速度一定要超过父母老去的速度! 少尉【4】

【前端开发】--js弹框

原文地址:http://www.cnblogs.com/qdhxhz/p/7998606.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved