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

});

}

}

时间: 2024-10-27 01:23:02

js在页面中打开新的窗口的相关文章

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法 一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;)

asp.net中打开新窗口的多种方法(转载)

asp.net中打开新窗口的多种方法 1.Response.Redirect("XXX.aspx",true)——直接转向新的页面,原窗口被代替; 2. Response.Write("<script>window.open(XXX.aspx'',''_blank'')</script>")——原窗口保留,另外新增一个新页面; 3.Response.Write("<script>window.location=XXX.a

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

页面中打开Word,在线浏览

/// <summary> /// 为了通用,放到一个类文件中,别的也没直接调用 /// </summary> /// <param name="fileName">得到上传的文件名字以及后缀名字</param> /// <param name="inFilePath">要打开文件的路径</param> /// <param name="ShowPath">生产静

cefsharp wpf wpf加载svg 在同一个页面中打开链接

安装 PM> Install-Package CefSharp.Wpf 解决方案->属性->配置属性->活动解决方案平台-新建-x64 在需要使用的窗体上引用xmlns:cefSharp="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf" 重新生成解决方案 引用 <cefSharp:ChromiumWebBrowser Name="browser" Grid.Row="0&qu

flex与js通信、在浏览器中打开新窗口

一.flex与js通信(通过flex调用js方法) var urlR:URLRequest = new URLRequest("javascript:test('from flex')"); navigateToURL(urlR, "_self"); 其中URLRequest中的js方法必须用引号test是js方法名,'from flex'是该js方法的参数. 另一种相互通信方法: ExternalInterface.addCallback("getKyq

vue.js开发抓信插件,如何在单页应用中打开新窗口

在vue项目中实现跳转到一个新窗口,有两个方法:1.<vue-link>标签实现新窗口打开官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a>标签,但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a

Web设计中打开新页面或页面跳转的方法

一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language=&apos;javascript&apos;>window.open(&apos;"+ url+"&apos;);</script>&quo

JS以POST方式打开新页面

场景:前置的查询页面,选择查询条件后提交到另一个页面. 方式很多,列出我知道的几种 1.window.open. 2.Response.Redirect. 3.Server.Transfer. 方法一和方法二都存在同样的问题,因为是get方式提交的,所以提交的数据都会显示URL中,一个是安全问题,另外一个是URL长度限制,在IE中,URL最大长度为2083.所以数据量过多时会导致数据丢失. 于是考虑到通过POST方式传递参数. /* *功能: JS跳转页面,并已POST方式提交数据 *参数: U