JavaScript基础 window.prompt() 弹出一个输入框 设置提示信息与默认值

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6     <script type="text/javascript">
 7         /*
 8             window.prompt()
 9             弹出一个输入框,可以输入内容
10         */
11         var messageStr = "提示信息";
12         var defaultStr = "输入框内默认值";
13         //点击取消 返回null
14         //如果什么都不写 并 点击确定的话,返回一个空字符串
15         var content = window.prompt(messageStr, defaultStr);
16
17         document.write(content);
18
19     </script>
20 </head>
21 <body>
22
23 </body>
24 </html>

result:

点击确定

——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源。
如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

时间: 2024-10-08 19:25:16

JavaScript基础 window.prompt() 弹出一个输入框 设置提示信息与默认值的相关文章

JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

javaScript 弹出一个窗体

我们在做后台管理的时候经常需要弹出一个会话窗体,这是我们可以用框架带的接口来弹出,也可以用jQuery带的来弹出,并且现在jQuery被大量使用,所以还是这种好用点,不用额外引入其他的框架js资源. 如下就是一种弹窗: ① application.window.OpenWindowFn('${ctx}/escmauthority/initGetParentHelp.do?selfId='+selfId+"&auth_type="+auth_type+"&own

java实现弹出认证输入框(弹出一个带有用户名和密码输入的对话框)

java如何实现如题的效果,效果图如下: 这个效果让我很好奇,这个效果类型与在ftp服务器上下载需要登录认证的文件时会弹出这个框,在网上查阅了一些资料,不过相关的资料真的很少,找到了一些关键的技术点自己简单的实现了下,下面是一些简单的介绍,来源于http://www.blogbus.com/gaomed-logs/106179012.html 标签: TAG: 用户登录框是怎么做的:路由器的用户登录框是怎么做的:通用的用户登录框:authenticate验证:Authorization验证 /*

删除数据时弹出一个确认对话框

使用js实现点击按钮删除数据时弹出一个确认是否删除的对话框: <input type="button" class="wz2 btn" value="删除" onClick="sc('{$vo.name}','__URL__/delete?aid={$vo.id}')"/> <script type="text/javascript"> function sc($name,$ulr)

第一百三十三节,JavaScript,封装库--弹出登录框

JavaScript,封装库--弹出登录框 封装库,增加了两个方法 yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面,chuang_kou_shi_jian()方法,浏览器窗口事件,当窗口的大小变化时触发函数 /** yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面, * 注意:使用此方法时,首先要在css里将目标区块设置成(绝对定位,position: absolute;) **/ feng_zhuang_ku.prototype.yuan_su_j

JavaScript实现动态广告弹出框

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> div{ width: 300px; height: 300px; border:1px red solid; position: fixed;/*相对于浏览器窗口进

弹出一个窗口

经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,  或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息  .警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面  效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现.下  面俺就带您剖析它的奥秘.  [1.最基本的弹出窗口代码]    其实代码非常简单:  <SCRIPT LANGUAGE="javascript">  <!-- wi

JavaScript页面刷新与弹出窗口问题的解决方法

1. [代码][JavaScript]代码     ?一.无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新.而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口. 如果页面有form表单,  a)< form method="post" ...> 会弹出提示窗口  b)< form method="get" ...> 不会弹出 二.javascript刷新页面

javascript alert,confirm,prompt弹框用法

1. alert是弹出警告框,在文本里面加入\n就可以换行. 2. confirm弹出确认框,会返回布尔值,通过这个值可以判断点击时确认还是取消.true表示点击了确认,false表示点击了取消. 3. prompt弹出输入框,点击确认返回输入框中的值,点击取消返回null. 下面是详细的例子: <html> <head> <script type="text/javascript"> function show_alert(){ alert('第一