js动态调用外部CSS并以新窗口打开网页

JavaScript018

js动态调用外部CSS并以新窗口打开网页,第1张

改成这样:

<html>

<head>

<title>电子相册</title>

<script language="javascript">

function showxi(){

var obj=document.getElementById("csslinkid1")

obj.href="11-6catalog.css"

obj.target="_blank"

}

function showppt(){

var obj=document.getElementById("csslinkid2")

obj.href="11-6ppt.css"

obj.target="_blank"

}

</script>

</head>

<body>

<a href="#" onclick="showxi()" id="csslinkid1">详细信息</a>

<a href="#" onclick="showppt()" id="csslinkid2">幻灯片模式</a>

<!--html具体内容-->

<!--html具体内容-->

<!--html具体内容-->

</body>

</html>

从你的意思来看,我觉得把外部CSS写在新窗口的<link>标签里最好。这样的话,可以改成这样:

function showxi(){

var obj=document.getElementById("csslinkid1")

obj.href="新窗口页面2.htm"

obj.target="_blank"

}

function showppt(){

var obj=document.getElementById("csslinkid2")

obj.href="新窗口页面2.htm"

obj.target="_blank"

}

然后你再在

“新窗口页面1.htm”中加入:

<link rel="stylesheet" type="text/css" href="11-6catalog.css" />

“新窗口页面2.htm”中加入:

<link rel="stylesheet" type="text/css" href="11-6ppt.css" />

这样似乎能达到你的要求。

页面:

<%@ Page language="c#" Codebehind="filesystem.aspx.cs" AutoEventWireup="false" Inherits="WebShop.filesystem" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>filesystem</title>

<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">

<meta content="C#" name="CODE_LANGUAGE">

<meta content="JavaScript" name="vs_defaultClientScript">

<meta content="" name="vs_targetSchema">

<LINK href="CssStyle.css" type="text/css" rel="stylesheet">

<form id="Form1" method="post" runat="server">

</HEAD>

<body MS_POSITIONING="GridLayout">

<FONT face="宋体">

<table cellSpacing="1" cellPadding="0" width="777" align="center" bgColor="#336600" border="0">

<tr>

<td bgColor="#08498c" colSpan="3"><IMG src="images/FileSystemBaner.gif"></td>

</tr>

<tr>

<td width="170" bgColor="#e3e3e3" rowSpan="2">

<asp:linkbutton id="LinkButton1" runat="server">后退</asp:linkbutton></td>

<td width="604" bgColor="#efefef" colSpan="2">

<asp:datalist id="DataList1" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" DataKeyField="Name"

Width="604">

<ItemTemplate>

<table width="150" align="center">

<tr>

<td align="center" width="10"></td>

<td align="left" width="140"><%#DataBinder.Eval(Container.DataItem,"Image")%>

</td>

</tr>

<tr>

<td width="10" align="right">

<asp:CheckBox ID="checkBox1" Runat="server" /></td>

<td width="140" align="left"><font face="宋体"><%#DataBinder.Eval(Container.DataItem,"Name")%></font></td>

</tr>

</table>

</ItemTemplate>

</asp:datalist></td>

</tr>

<tr>

<td align="right" bgColor="#efefef" colSpan="2"><asp:button id="Button3" runat="server" Text="删除选中项"></asp:button>

<input id="fileFeild1" type="file" name="fileFeild1" runat="server">

<asp:button id="Button1" runat="server" Text="确定上传"></asp:button><br>

<asp:textbox id="TextBox1" runat="server"></asp:textbox>

<asp:button id="Button2" runat="server" Text="创建目录"></asp:button></td>

</tr>

<tr>

<td bgColor="#888888" colSpan="3"><span class="STYLE1"><asp:label id="Label2" runat="server" ForeColor="White">当前所在位置:</asp:label><SPAN class="STYLE1"><asp:label id="Label1" runat="server" ForeColor="White" Width="87px"></asp:label></SPAN></span></td>

</tr>

</table>

</FONT></FORM>

</body>

</HTML>

后台代码:

using System

using System.Collections

using System.ComponentModel

using System.Data

using System.IO

using System.Drawing

using System.Web

using System.Web.SessionState

using System.Web.UI

using System.Web.UI.WebControls

using System.Web.UI.HtmlControls

namespace WebShop

{

/// <summary>

/// filesystem 的摘要说明。

/// </summary>

public class filesystem : System.Web.UI.Page

{

protected System.Web.UI.WebControls.LinkButton LinkButton1

protected System.Web.UI.WebControls.DataList DataList1

protected System.Web.UI.WebControls.Button Button3

protected System.Web.UI.WebControls.Button Button1

protected System.Web.UI.WebControls.TextBox TextBox1

protected System.Web.UI.WebControls.Button Button2

protected System.Web.UI.WebControls.Label Label2

protected System.Web.UI.WebControls.Label Label1

protected System.Web.UI.HtmlControls.HtmlInputFile fileFeild1

private void Page_Load(object sender, System.EventArgs e)

{

if(!IsPostBack)

{

Bind()

}

}

private void Bind()

{

string initpath=""

if(Request["path"]==null)

{

initpath=Server.MapPath("FileSystem")

}

else

{

initpath=Request["path"]

}

this.Label1.Text=initpath

DataTable dt=new DataTable()

DataColumn dc0=new DataColumn("Image",System.Type.GetType("System.String"))

dt.Columns.Add(dc0)

DataColumn dc1=new DataColumn("Name",System.Type.GetType("System.String"))

dt.Columns.Add(dc1)

DirectoryInfo di=new DirectoryInfo(this.Label1.Text)

DirectoryInfo[] dis=di.GetDirectories()

foreach(DirectoryInfo d in dis)

{

DataRow dr=dt.NewRow()

dr[0]="<a href='filesystem.aspx?path="+HttpUtility.UrlEncode(d.FullName,System.Text.Encoding.UTF8)+"'><img src='images/folder.gif' border=0/></a>"

dr[1]=d.Name

dt.Rows.Add(dr)

}

FileInfo[] fis=di.GetFiles()

foreach(FileInfo f in fis)

{

string ex=f.Extension.ToLower()

if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")

{

string fullname=f.FullName

string urlpath=fullname.Substring(fullname.IndexOf("FileSystem"))

string url=HttpUtility.UrlEncode(urlpath,System.Text.Encoding.UTF8)

DataRow dr=dt.NewRow()

dr[0]="<a href='"+url+"' target='_blank'><img src='"+url+"' border=0 width=100 height=128/></a>"

dr[1]=f.Name

dt.Rows.Add(dr)

}

}

this.DataList1.DataSource=dt

this.DataList1.DataBind()

}

#region Web 窗体设计器生成的代码

override protected void OnInit(EventArgs e)

{

//

// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。

//

InitializeComponent()

base.OnInit(e)

}

/// <summary>

/// 设计器支持所需的方法 - 不要使用代码编辑器修改

/// 此方法的内容。

/// </summary>

private void InitializeComponent()

{

this.LinkButton1.Click += new System.EventHandler(this.LinkButton1_Click)

this.Button3.Click += new System.EventHandler(this.Button3_Click)

this.Button1.Click += new System.EventHandler(this.Button1_Click)

this.Button2.Click += new System.EventHandler(this.Button2_Click)

this.Load += new System.EventHandler(this.Page_Load)

}

#endregion

private void LinkButton1_Click(object sender, System.EventArgs e)

{

string Parent=Directory.GetParent(this.Label1.Text).ToString()

if(Parent.IndexOf("FileSystem")>-1)

{

Response.Redirect("filesystem.aspx?path="+Parent)

}

else

{

return

}

}

private void Button1_Click(object sender, System.EventArgs e)

{

HttpPostedFile hpf=this.fileFeild1.PostedFile

string ClientPath=hpf.FileName

string filename=Path.GetFileName(ClientPath)

string ex=Path.GetExtension(filename)

if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")

{

string SavePath=this.Label1.Text+"\\"+filename

hpf.SaveAs(SavePath)

Bind()

}

else

{

Response.Write(Tools.GetAlertJS("所上传的图片格式不正确!"))

return

}

}

private void Button2_Click(object sender, System.EventArgs e)

{

string filename=this.TextBox1.Text

Directory.CreateDirectory(this.Label1.Text+"\\"+filename)

Bind()

}

private void Button3_Click(object sender, System.EventArgs e)

{

for(int i=0i<this.DataList1.Items.Counti++)

{

if(((CheckBox)this.DataList1.Items[i].FindControl("CheckBox1")).Checked)

{

int index=this.DataList1.Items[i].ItemIndex

string filePath=this.Label1.Text+"\\"+this.DataList1.DataKeys[index].ToString()

if(Directory.Exists(filePath))

{

Directory.Delete(filePath,true)

}

if(File.Exists(filePath))

{

File.Delete(filePath)

}

Bind()

}

}

}

}

}

这个是C#的 你改下 Java的就行