JS动态引用的问题

简介:

我们通常对整个网站使用一个BasePage母版,然后在BasePage里头引用我们的外部JavaScript文件 Like this:<script type="text/javascript" src="js/md5.js"></script>

因为路径是固定的,它不像<link>标签可以由母版动态修改 ,当子页面在不同的文件夹下时连接会失效,所以只好我们自己动手。

在BasePage中加入如下属性:

复制代码

原理简单如下,根据当前访问路径可以知道返回根目录所需的"../"数添加到我们的Javascript的引用前。

Like This:<script type="text/javascript" src="<%=BasePage.AppPath %>js/md5.js"></script>


    public static string AppPath
    {
        
get 
        {
            
string separate = @"../";
            
string ret = string.Empty;
            
string url=HttpContext.Current.Request.Url.AbsolutePath;
            url 
= url.Remove(url.Length - 11);//去掉最后的'/'
            while (url.Contains('/'))
            {
                ret 
+= separate;
                url
=url.Remove(url.LastIndexOf('/'), 1);
            }
            
return ret;
        }
    }
复制代码

本文转自today4king博客园博客,原文链接:http://www.cnblogs.com/jinzhao/archive/2008/11/07/1329205.html,如需转载请自行联系原作者
相关文章
|
数据采集 JavaScript 前端开发
使用Go和JavaScript爬取股吧动态信息的完整指南
本文介绍了如何使用Go和JavaScript构建网络爬虫,从股吧网站抓取实时股市信息。通过设置代理服务器以应对反爬策略,利用`got`库执行JavaScript提取动态数据,如用户讨论和市场分析。示例代码展示了爬虫的实现过程,包括浏览器实例创建、代理配置、JavaScript执行及数据打印。此方法有助于投资者及时获取市场资讯,为决策提供支持。
900 4
使用Go和JavaScript爬取股吧动态信息的完整指南
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
153 0
JS代码动态打印404页面源码
|
前端开发 JavaScript
使用JavaScript动态更改元素的CSS属性
【6月更文挑战第29天】使用JavaScript动态更改元素的CSS属性
372 3
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
179 1
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
266 1
|
JavaScript 前端开发
js中改变this指向、动态指定函数 this 值的方法
js中改变this指向、动态指定函数 this 值的方法
|
前端开发 JavaScript
HTML DOM如何通过JavaScript动态改变元素的CSS样式?
【5月更文挑战第23天】HTML DOM如何通过JavaScript动态改变元素的CSS样式?
451 1
|
JavaScript
js的三种引用方式
js的三种引用方式
184 2
|
JavaScript 前端开发
【专栏】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表
【4月更文挑战第29天】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表。它接受两个参数:上下文对象和参数数组。理解`apply`有助于深入JS运行机制。文章分三部分探讨其原理:基本概念和用法、工作原理详解、实际应用与注意事项。在应用中要注意性能、参数类型和兼容性问题。`apply`可用于动态改变上下文、传递参数数组,甚至模拟其他语言的调用方式。通过深入理解`apply`,能提升代码质量和效率。
249 3
|
存储 JavaScript 前端开发
JavaScript中的复杂功能实现:一个动态表单生成器
JavaScript中的复杂功能实现:一个动态表单生成器

热门文章

最新文章