js在页面中打开新的窗口

一、

新建一个窗口,完全独立

var tabTitle = "test";
var url ="test.action";
var icon = 'icon-add';

window.parent.addTab(tabTitle, url, icon); 

在窗口上悬浮一个窗口,两窗口在同一个HTML文档

<div id="test"></div> 
$('#test').dialog({
title: 'test',
width: 570,
height: 500,
closed: false,
cache: false,
resizable: true,
href:'test.action',
modal: true
}); 
.dialog出现过一个问题:
<**id="test1" name="test1"**>底层页面
<**id="test2" name="test1"**>dialog加载的窗口
都添加combotree,通过ajax加载值,底层选值后,dialog中的下拉列表中就没有值了
window.parent.reloadTab("重新加载的页面","需要关闭的页面");  

 

二、

可以在窗口内新建窗口

1,超链接<a href="http://test.jsp" title="测试">Welcome</a>

等效于js代码

window.location.href="http://test.jsp";     //在同当前窗口中打开窗口

 

2,超链接<a href="http://test.jsp" title="测试" target="_blank">Welcome</a>

等效于js代码

window.open("http://test.jsp");                 //另外新建窗口中打开窗口

3,在页面div中加载html(属性双引号,在双引号内嵌单引号)
   <div id="parent"></div>
   $("#parent").html("<p>duan</p>")
先通过ajax请求jsp,然后返回对应HTML,然后通过html(..)来把返回的html代码 指定 加载到指定的位置上
 
4.在页面div中加载jsp页面
  $("#parent").load("test.jsp);//有问题?
 
5.待测试
$.post(contextpath+"/auth/conpanyloading",data = $("#seachcName").val(),function(data){

$("#conpany_id").html(data);
},"html");

 
6利用easyui标签新建窗口(在浏览器中新建窗口,easyui窗口)
<div id="tabs1" class="easyui-tabs" fit="true" border="false"> </div>
 
function testAddSubPage(title,url){               
            if ($("#tabs1").tabs('exists', title)){  
                $("#tabs1").tabs('close', title);  
                var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';   
                   $("#tabs1").tabs('add',{  
                                      title:title,  
                                      content:content,  
                                      closable:true  
            });  
            } else {
                  var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';   
                   $("#tabs1").tabs('add',{  
                                      title:title,  
                                      content:content,  
                                      closable:true  
                  });
            }
    }      
 
 
 

转载于:https://www.cnblogs.com/stone-d/p/7257590.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值