ajax父页面main.html
2016-08-10 23:15
411 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>获取子窗口内容</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript"> window.onload = function(){ //给btn注册事件 document.getElementById("btn").onclick = function(){ //支持谷歌浏览器 if (window.navigator.appVersion.indexOf("Chrome")!=-1) { //弹出居中,弹出的子窗口url var openUrl = "main_sub.html"; //弹出窗口的宽度 var iWidth=600; //弹出窗口的高度 var iHeight=400; //获得窗口的垂直位置 var iTop =(window.screen.availHeight-30-iHeight)/2; //获得窗口的水平位置 var iLeft = (window.screen.availWidth-10-iWidth)/2; var sFeatures = "height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft; window.open(openUrl, "jeo_chow", sFeatures); } //非谷歌 else { var sFeatures = "dialogWidth=400px;dialogHeight=400px"; // 弹出模式对话框:参数1:要弹出的页面;参数2:把当前创建传给子页面; 参数3:子窗口的属性 window.showModalDialog("main_sub.html",window,sFeatures); } } } </script> </head> <body> 你选择的内容为:<span></span><br> <input id="btn" type="button" value="请选择"/> </body> </html>
相关文章推荐
- HTML中常用的列表标签
- ionic 利用ng-bind-htm中且后台返回html代码中图片宽高固定解决办法
- 遵循编码规范--养成良好的编码习惯
- HTML <img>使用说明-相对路径与绝对路径
- html静态页面转angular动态页面
- HTML相关
- Widget 是Django 对HTML 输入元素的表示,Widget 负责渲染HTML和提取GET/POST 字典中的数据。
- HTML头部元素
- html的header结构和实例
- 如何让div内可输入内容
- html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
- 正则表达式去除数据带HTML标签方法
- html 元素标签 的权重性
- 在html中,屏幕、浏览器、body的高度和宽度
- html页面元素事件丢失
- html meta标签使用
- td 的 colspan 和 rowspan
- 用firefox获取html页面元素的Xpath
- 查看html元素绑定的事件与方法的利器
- 无聊做的小游戏,斗牛.html