和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置:程序设计首页 >> Javascript技术 >> 详细内容

【翻译】动态调用样式表代码 (2)

2008-04-04 01:19:49    作者:WINNERZONE    来源:aspalliance.com    文字大小: |  | 
简介:文章使用了多种动态调用样式表的方法。首先你可以学习到如何使用JavaScript代码来动态调用的方法,然后我们会探索如何从数据库中读取样式表代码。文章还提供了一些技巧来进一步提高样式表代码。还提供了一个完整 ...
式是这样。

Listing 8

<head>
<title><% =titelpage%></title>
<% =MyNewStyle%>
</head>该代码是在页面中必须填充变量MyNewStyle。

Listing 9


 protected string MyNewStyle = "";
    
protected string titlepagina = "";
    
protected void Page_Load(object sender, EventArgs e)
    
{
        titelpagina 
= "new title";
        MyNewStyle 
= @"<style type='text/css'>TD{color:orange;border:1;" +
            
@"border-color:black;border-style:solid;}</style>";
    }

这是一种简单的动态填充样式的方法。

(2)执行一个样式

你将知道在你的页面中的<HEAD>标签内执行一个样式或者一个样式表。

Listing 10

如果我用先前例子中的Javascript代码为样式表代码,将会发生什么?

Listing 11

<head>
<style type="text/css">
    TD{}color:Navy;
    border:10;
    border-color:green;
    border-style:solid;}
</style>
</head>

script = @"<style type=""text/css"">TD{color:Navy;border:10;" +
  
@"border-color:red;border-style:solid;}</style>";
Page.ClientScript.RegisterStartupScript(
typeof(Page), "focus5", script);

应为ScriptManager要自动添加<javascript>标签到你的代码(在样式代码开始处加</script>),
你必须首先闭合<javascript>标签代码,(在样式代码后加<script>)
然后插入你的样式,再从新开始<javascript>标签代码。

Listing 12
script = @"<style type=""text/css"">TD{color:Navy;b
[1] [2] [3] [4] [5]
相关文章
绵阳网警