js模式窗口

最新推荐文章于 2018-08-31 18:04:30 发布
最新推荐文章于 2018-08-31 18:04:30 发布
阅读量125 收藏
点赞数
原文链接：https://my.oschina.net/u/3830729/blog/1807402
版权

js模式窗口练习  第一段代码为被链接的的网页 第二段为要链接的网页  

不同浏览器兼容性不同 模式窗口只能在IE上勘测 其他浏览器上返回值全都是underfied

 

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>模式窗口练习</TITLE>
<script type="text/javascript">
function closeWindow(){
    //分为获取省份 市 区 街道 门牌的id号 分为用相应的变量接受
    var sheng=document.getElementById('province').value;
    var shi=document.getElementById('city').value;
    var qu=document.getElementById('region').value;
    var jiedao=document.getElementById('street').value;
    var menpai=document.getElementById('number').value;

    //返回值
    window.returnValue=sheng+shi+qu+jiedao+menpai;
    window.close();    
    }
</script>
<STYLE type="text/css">
<!--
.STYLE1 {font-family: Verdana; font-size:14px}
a{text-decoration:none}
-->
</STYLE>
</HEAD>

<BODY>
<FORM action="" name="myform" method="post">
<TABLE width="290" height="206" align="center" border="0" bgcolor="#66CCFF" cellpadding="0" cellspacing="0">
  <TR>
    <TD colspan="2" align="center"><SPAN class="STYLE1">家庭地址确认</SPAN></TD>

  </TR>
  <TR>
    <TD width="124" align="right" valign="middle">省份：</TD>
    <TD width="166">
    <SELECT id="province">
      <OPTION value="河北省">河北省</OPTION>
      <OPTION value="河南省">河南省</OPTION>

      <OPTION value="山东省">山东省</OPTION>
      <OPTION value="湖北省">湖北省</OPTION>
      <OPTION value="江苏省">江苏省</OPTION>
    </SELECT>
    </TD>
  </TR>
  <TR>

    <TD align="right" valign="middle">城市：</TD>
    <TD>
    <SELECT id="city">
      <OPTION value="石家庄" selected>石家庄</OPTION>
      <OPTION value="保定">保定</OPTION>
      <OPTION value="衡水">衡水</OPTION>
      <OPTION value="秦皇岛">秦皇岛</OPTION>

      <OPTION value="唐山">唐山</OPTION>
    </SELECT>
    </TD>
  </TR>
  <TR>
    <TD align="right" valign="middle">区：</TD>
    <TD>
    <SELECT id="region">

      <OPTION value="新华区">新华区</OPTION>
      <OPTION value="长安区">长安区</OPTION>
      <OPTION value="桥西区">桥西区</OPTION>
      <OPTION value="桥东区">桥东区</OPTION>    
    </SELECT>
    </TD>
  </TR>

  <TR>
    <TD align="right" valign="middle">街道：</TD>
    <TD><INPUT id="street" type="text" size="20"></TD>
  </TR>
  <TR>
    <TD align="right" valign="middle">门牌号：</TD>
    <TD><INPUT id="number" type="text" size="20"></TD>
  </TR>

    <TR>
    <TD colspan="2" align="center"><INPUT name="btnOk" type="button" value="确认" onClick="closeWindow()"></TD>
  </TR>
</TABLE>
</FORM>

</BODY>
</HTML>
 

 

 

 

 

 

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>学生基本信息注册</TITLE>

<style type="text/css">
a{text-decoration:none}
</style>

<script type="text/javascript">
function openWindow(){
  // 用address接收4.5.html传过来的详细地址 
        var address=window.showModalDialog("4.5.html","","dialogWidth=400px,dialogHeight=300px");
    // 在家庭详细地址 后的文本框添加id号 获取id号 来接受4.5.html传过来的值 显示在文本框上 文本框设为只读文本框
        document.getElementById("address").value=address;
    }   
  //当点击确认按钮时 提示用户是否提交
function showInfo(){
    confirm('确认提交吗？');
    window.close();
}
</script>        
</HEAD>

<BODY>
<FORM action="" method="post" name="myform">
<TABLE width="533" height="133" border="1" bgcolor="#66CCFF" align="center" cellpadding="0" cellspacing="0">
  <TR>

    <TH colspan="5">学生信息注册</TH>

    </TR>
  <TR  align="center">
    <TD width="92">姓名</TD>
    <TD width="100">性别</TD>
    <TD width="110">年龄</TD>
    <TD width="101">电话</TD>
    <TD width="130">Eamil</TD>

  </TR>
   <TR align="center">
    <TD>李小明</TD>
    <TD>男</TD>
    <TD>20</TD>
    <TD>13198765476</TD>
    <TD>xiaoming@126.ocm</TD>

   </TR>
   <TR align="center">
   <!-- 当点击家庭详细地址时，自动弹出一个窗口，供选择地址，用js函数 openWindow()  -->
       <TD colspan="5"><A href="javascript:openWindow()">家庭详细地址</A><INPUT id="address" type="text" size="40" disabled>&nbsp;<INPUT name="sub" onClick="showInfo()" type="button" value="确认提交"></TD>
   </TR>
</TABLE>
</FORM>
</BODY>
</HTML>
 

转载于:https://my.oschina.net/u/3830729/blog/1807402

chengsou4963
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript实现模式窗口
lixielong的专栏
12-13 142
这两天在腾讯的修改那一块 觉得挺好看 刚好朋友让我给他做 开始的时候不知道这是什么东西 师父说 那是模式窗口 网上找了一些资料 然后自己开始做 已完成： JavaScript代码如下： function $(_sId) {return document.getElementById(_sId);} function mo...
JS模式窗口
03-20
NULL 博文链接：https://thinktothings.iteye.com/blog/869011
js实现模态窗口的3种方式
12-15
用js控制显示窗口3种方法，可以改造，拿来就可以用
JS打开各种模式窗口
bee-factory
12-10 3013
用js可以实现 1、asp.net 怎样在本页去掉IE的 菜单栏，工具栏，导航栏？？ 答：window.open(url,"status:no;scroll:no;dialogWidth:520px;dialogHeight:300px") 2、//JAVASCRIPT实现============================================================
js 模式窗口(模式对话框和非模式对话框)的使用介绍
10-25
Javascript里面分模式对话框和非模式对话框，下面对两者的使用做下介绍
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
10-26
模式窗口中下载文件，有时在下载时发现服务器无法接收iframe的流，因为在模式窗口中没有触发iframe的src重新定向事件
JavaScript 模式窗口 弹出窗 DIV
09-01
JavaScript 模式窗口 弹出窗 DIV JavaScript 模式窗口 弹出窗 DIV ...JavaScript 模式窗口 弹出窗 DIVJavaScript 模式窗口 弹出窗 DIVJavaScript 模式窗口 弹出窗 DIVJavaScript 模式窗口 弹出窗 DIV
JavaScript弹出模式窗口
lee576的专栏
04-04 1万+
解决思路：        　　一般来说，显示在最前面的窗口都是因为窗口被激活获得焦点，要使窗口永远显示在最前面，可以人为的设置窗口在blur时立刻focus，或者用模式、无模式对话框实现。        　　具体步骤：        　　方法一：弹出窗口里加上代码：onblur="self.focus()"：                　　方法二：用showModalDialog方法
JS中ShowModalDialog（模态窗口）详细使用
热门推荐
tuobayi的博客
12-23 7万+
基本介绍：           showModalDialog()         (IE 4+ 支持)           showModelessDialog()      (IE 5+ 支持)           window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。           window.sho
JS自定义模式窗口
10-26
JS自定义模式窗口，可以回传值到父页面。
weebox 优秀的js模式窗口
08-20
相当不错的一款js模式窗口，内含demo 美观、大方
js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”，你知道多少...
weixin_30256901的博客
09-15 601
当要做一些与位置相关的插件或效果的时候，像top、clientTop、scrollTop、offsetTop、scrollHeight、clientHeight、offsetParent。。。看到这么多单词，而且长得那么像，是不是懵X了！ 第一次看到这图，说实话有点被吓到。。。 ============================分割线=========================...
js打开模式化窗口
javazilu的专栏
04-19 678
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="tex
js 模式窗口的使用
低调地装B的代码农
09-16 5414
因近期设计中用到，在此作个记录。 Javascript里面分模式对话框和非模式对话框，其实两者区别就是在对话框被关闭之前用户能否在同一页面的其他地方进行工作。比如“打开文件”对话框便是典型的模式对话框，在你对这个对话框做出动作才能对打开该对话框的程序进行其他操作，而非模式
JS打开模态窗口showModalDialog
A_Runner的博客
08-31 5469
“人人尽说江南好，游人只合江南老” 今天在使用谷歌浏览器通过JS打开模态窗口时，出现如下错误： Uncaught TypeError: window.showModalDialog is not a function 出现该问题的原因是，谷歌浏览器已经不支持该方法了。 解决方法： //兼容谷歌浏览器，如果不能直接打开模态窗口，则自定义一个窗口 if(!...
.JS　模式窗口showModalDialog()、showModelessDialog()
程序人生的专栏
12-04 1万+
1．用showModalDialog()   <!-- showModalDialog( 'http://www.fwcn.com ', 'example04 ', 'dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:
用JS实现加载页面前弹出模态框
2号自信的博客
10-20 9935
原文链接：点击打开链接 普通管理员-出库登记 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
node js 模态窗口
最新发布
03-06
模态窗口是一种常见的用户界面设计模式，它在显示时阻止用户与应用程序的其他部分进行交互，直到用户关闭或完成对模态窗口的操作。在Node.js中，可以使用各种库和框架来实现模态窗口的功能。 其中，Electron是一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值