ASP.NET 里面如何引入公用的js和css？

时间：2021-04-04 06:04:01
每个页面都要引入同样的js和css
如果将来有修改的话，每个页面都要一起修改
在java和asp里都有include吧
那asp.net里面怎么解决这个问题呢？
上网搜了一下没有满意的答案，请各位看官帮帮忙，最好有示例代码。
这个小小问题千万不要不屑回答啊
多谢了

32 个解决方案

#1

晕，真不知道你是怎么想的。

#2

2楼的   那可能是你技术过于高超   没看懂这么弱的问题

#3

我的做法较笨，是向每个页面都添加引用，对于 css文件可以直接拖
对于js文件用<script..............>

#4

难道asp.net不能实现类似的功能 ？  以前做j2ee的  诚信请教呀~

#5

临下班前顶起！ 

#6

母板页，另外.asox前台还不就是HTML嘛，js和css照用啊。

#7

在asp.net的前台代码中(.aspx)中的<head></head>中引入啊，

#8

在<script .....>引用啊

#9

比较佩服lz 


<link href="XXXXX.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="XXXXXXX.js"></script>

#10

定义页面模板（而非母板），在模板中添加引用后，每次需要时（新建）选择相应模板即可

#11

同意楼上，
这个和asp.net没有什么关系，
所有的web都是这样做的吧，随便你java,asp,还是asp.net,

都是另外建个js,css文件，引用下就ok了

#12

css在vs2005应该和皮肤文件一起引用,比较简单,
js还是传统的用法
<script type="text/javascript" src="XXXXXXX.js"></script>

#13

楼上的某几位，你们的意思是类似这种东西每个asp页面都要写一遍，一旦需要加一个文件也要每个文件加过去？     


<script type="text/javascript" src="<%=EbankBasepath%>/js/page.js"> </script>

    <script type="text/javascript" src="<%= JsfilePath %>/public.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/singletableoper.js"></script> 

    <script type="text/javascript" src="<%= JsfilePath %>/Fundamental.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/ControlEventHandler.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/GeneralList.js"></script> 

    <script type="text/javascript" src="<%= JsfilePath %>/validator.js"></script> 

    <link rel="stylesheet" href="../css/Kiosk.css" />

    <link rel="stylesheet" href="../css/input.css" />


#14

引用 10 楼 polopolozz 的回复:
定义页面模板（而非母板），在模板中添加引用后，每次需要时（新建）选择相应模板即可


愿闻其详？ 页面模板在新建的时候是把相应的代码插入新文件把，如果这样的话还是不能解决以后改动麻烦的问题啊

#15

引用 9 楼 gjfizx 的回复:
比较佩服lz 

HTML code
<link href="XXXXX.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="XXXXXXX.js"></script>



我也挺佩服你，可能是我表达有问题。也烦请你看明白再回帖

#16

asp.net 也可以用include啊。

#17

页面引用css样式:
<link href="XXXXX.css" type="text/css" rel="stylesheet"/>
页面引用js脚本:
<script type="text/javascript" src="XXXXXXX.js"></script>

#18

我大概明白楼主的意思了，如果真要实现你的想发，我倒有个笨主意
就是写在web.config里，然后每个页面都把引用字符串写到前台去！！
哈哈，这做有点傻，不过可以实现
还有就是可以尝试自定义控件实现！！

#19

呵呵，我原来的办法，做一个js文件，专门操作DOM对象的head节点，使其动态加载js文件
var JsList=new Array();
function loadjs()
{
try
{
var jsFilePath="js/";
JsList[0]=jsFilePath+"CreateXMLRequest.js";
JsList[1]=jsFilePath+"xmlData.js";
JsList[2]=jsFilePath+"Class.js";
JsList[3]=jsFilePath+"CreateUi.js";
JsList[4]=jsFilePath+"Language_ZH_CN.js";
JsList[5]=jsFilePath+"UIClass.js";
var oHead = document.getElementsByTagName("head").item(0);
//alert(oHead)
var oScript;
//alert()
for(var i=0; i<JsList.length;i++)
{
//alert(JsList[i])
oScript = document.createElement("script");
oScript.type="text/javascript";
oScript.language="javascript";
oScript.src=JsList[i];
oHead.appendChild(oScript); 

}

}
catch(e)
{
//alert(e.message);
}
}
loadjs()；//这里调用一下，

假如这个文件叫做include.js，那么每个页面只用一句话就搞定了：
<script type="text/javascript" src="include.js"></script>

#20

上面的方法对于css就是
function loadcss()
{
try
{
var cssList=new Array();
var cssFilePath="/css/default/";
cssList[cssList.length]=cssFilePath+"zerostyle_top.css";
cssList[cssList.length]=cssFilePath+"zerostyle_pagestyle.css";
cssList[cssList.length]=cssFilePath+"zerostyle_bottom.css";
cssList[cssList.length]=cssFilePath+"zerostyle_head.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_ActivationUser.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_UserReg.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_endreg.css";
var oHead = document.getElementsByTagName("head").item(0);
var css;
for(var i=0; i<cssList.length;i++)
{
//alert(cssList[i])
//<link href="css/css.css" rel="stylesheet" type="text/css">
css = document.createElement("link");
css.type="text/css";
css.rel="stylesheet";
css.href=cssList[i];
oHead.appendChild(css); 

}

}
catch(e)
{
alert(e.message);
}
}

loadcss();

#21

<head>
//css
<LINK href="../Images/index.css" type="text/css" rel="stylesheet">
//js 
<SCRIPT language="javascript" src="../Tiannuo.js"></SCRIPT>
</head>

#22

<pages styleSheetTheme="Default" validateRequest="false">

#23

大家先看看楼主的问题再来回答，不要看不清题目就回答。。

#24

引用 2 楼 bluedusk 的回复:
2楼的   那可能是你技术过于高超   没看懂这么弱的问题

等你想到了的时候可以自立门户。

#25

最方便 就是用 母版页了， 在母版页里 把 script 和 css加上。

.net里面还有主题（theme）功能，没用过，应该也可以的。

实际应用中，我觉得用保存在数据库中的模板更合适。

#26

该回复于2009-03-18 07:13:04被版主删除

#27

写个Head自定义控件来包装

#28

用模板页吧,在模板页中引用js或css
然后在每个页面使用模板页,这样满足要求啊

#29

引用 28 楼 halym 的回复:
用模板页吧,在模板页中引用js或css 
然后在每个页面使用模板页,这样满足要求啊

同意28楼

#30

帮顶
杂七杂八 IT信息资源

#31

佩服的一塌糊涂啊！

#32

母版或主题都可以

#1

晕，真不知道你是怎么想的。

#2

2楼的   那可能是你技术过于高超   没看懂这么弱的问题

#3

我的做法较笨，是向每个页面都添加引用，对于 css文件可以直接拖
对于js文件用<script..............>

#4

难道asp.net不能实现类似的功能 ？  以前做j2ee的  诚信请教呀~

#5

临下班前顶起！ 

#6

母板页，另外.asox前台还不就是HTML嘛，js和css照用啊。

#7

在asp.net的前台代码中(.aspx)中的<head></head>中引入啊，

#8

在<script .....>引用啊

#9

比较佩服lz 


<link href="XXXXX.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="XXXXXXX.js"></script>

#10

定义页面模板（而非母板），在模板中添加引用后，每次需要时（新建）选择相应模板即可

#11

同意楼上，
这个和asp.net没有什么关系，
所有的web都是这样做的吧，随便你java,asp,还是asp.net,

都是另外建个js,css文件，引用下就ok了

#12

css在vs2005应该和皮肤文件一起引用,比较简单,
js还是传统的用法
<script type="text/javascript" src="XXXXXXX.js"></script>

#13

楼上的某几位，你们的意思是类似这种东西每个asp页面都要写一遍，一旦需要加一个文件也要每个文件加过去？     


<script type="text/javascript" src="<%=EbankBasepath%>/js/page.js"> </script>

    <script type="text/javascript" src="<%= JsfilePath %>/public.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/singletableoper.js"></script> 

    <script type="text/javascript" src="<%= JsfilePath %>/Fundamental.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/ControlEventHandler.js"></script>

    <script type="text/javascript" src="<%= JsfilePath %>/GeneralList.js"></script> 

    <script type="text/javascript" src="<%= JsfilePath %>/validator.js"></script> 

    <link rel="stylesheet" href="../css/Kiosk.css" />

    <link rel="stylesheet" href="../css/input.css" />


#14

引用 10 楼 polopolozz 的回复:
定义页面模板（而非母板），在模板中添加引用后，每次需要时（新建）选择相应模板即可


愿闻其详？ 页面模板在新建的时候是把相应的代码插入新文件把，如果这样的话还是不能解决以后改动麻烦的问题啊

#15

引用 9 楼 gjfizx 的回复:
比较佩服lz 

HTML code
<link href="XXXXX.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="XXXXXXX.js"></script>



我也挺佩服你，可能是我表达有问题。也烦请你看明白再回帖

#16

asp.net 也可以用include啊。

#17

页面引用css样式:
<link href="XXXXX.css" type="text/css" rel="stylesheet"/>
页面引用js脚本:
<script type="text/javascript" src="XXXXXXX.js"></script>

#18

我大概明白楼主的意思了，如果真要实现你的想发，我倒有个笨主意
就是写在web.config里，然后每个页面都把引用字符串写到前台去！！
哈哈，这做有点傻，不过可以实现
还有就是可以尝试自定义控件实现！！

#19

呵呵，我原来的办法，做一个js文件，专门操作DOM对象的head节点，使其动态加载js文件
var JsList=new Array();
function loadjs()
{
try
{
var jsFilePath="js/";
JsList[0]=jsFilePath+"CreateXMLRequest.js";
JsList[1]=jsFilePath+"xmlData.js";
JsList[2]=jsFilePath+"Class.js";
JsList[3]=jsFilePath+"CreateUi.js";
JsList[4]=jsFilePath+"Language_ZH_CN.js";
JsList[5]=jsFilePath+"UIClass.js";
var oHead = document.getElementsByTagName("head").item(0);
//alert(oHead)
var oScript;
//alert()
for(var i=0; i<JsList.length;i++)
{
//alert(JsList[i])
oScript = document.createElement("script");
oScript.type="text/javascript";
oScript.language="javascript";
oScript.src=JsList[i];
oHead.appendChild(oScript); 

}

}
catch(e)
{
//alert(e.message);
}
}
loadjs()；//这里调用一下，

假如这个文件叫做include.js，那么每个页面只用一句话就搞定了：
<script type="text/javascript" src="include.js"></script>

#20

上面的方法对于css就是
function loadcss()
{
try
{
var cssList=new Array();
var cssFilePath="/css/default/";
cssList[cssList.length]=cssFilePath+"zerostyle_top.css";
cssList[cssList.length]=cssFilePath+"zerostyle_pagestyle.css";
cssList[cssList.length]=cssFilePath+"zerostyle_bottom.css";
cssList[cssList.length]=cssFilePath+"zerostyle_head.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_ActivationUser.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_UserReg.css";
cssList[cssList.length]=cssFilePath+"zerostyle_page_endreg.css";
var oHead = document.getElementsByTagName("head").item(0);
var css;
for(var i=0; i<cssList.length;i++)
{
//alert(cssList[i])
//<link href="css/css.css" rel="stylesheet" type="text/css">
css = document.createElement("link");
css.type="text/css";
css.rel="stylesheet";
css.href=cssList[i];
oHead.appendChild(css); 

}

}
catch(e)
{
alert(e.message);
}
}

loadcss();

#21

<head>
//css
<LINK href="../Images/index.css" type="text/css" rel="stylesheet">
//js 
<SCRIPT language="javascript" src="../Tiannuo.js"></SCRIPT>
</head>

#22

<pages styleSheetTheme="Default" validateRequest="false">

#23

大家先看看楼主的问题再来回答，不要看不清题目就回答。。

#24

引用 2 楼 bluedusk 的回复:
2楼的   那可能是你技术过于高超   没看懂这么弱的问题

等你想到了的时候可以自立门户。

#25

最方便 就是用 母版页了， 在母版页里 把 script 和 css加上。

.net里面还有主题（theme）功能，没用过，应该也可以的。

实际应用中，我觉得用保存在数据库中的模板更合适。

#26

该回复于2009-03-18 07:13:04被版主删除

#27

写个Head自定义控件来包装

#28

用模板页吧,在模板页中引用js或css
然后在每个页面使用模板页,这样满足要求啊

#29

引用 28 楼 halym 的回复:
用模板页吧,在模板页中引用js或css 
然后在每个页面使用模板页,这样满足要求啊

同意28楼

#30

帮顶
杂七杂八 IT信息资源

#31

佩服的一塌糊涂啊！

#32

母版或主题都可以
标签：

相关文章