JavaScript实用函数:获取对象、相对路径与加载文件

0 下载量 5 浏览量 更新于2024-08-30 收藏 63KB PDF 举报
本文档提供了一些常用的JavaScript(JS)功能函数代码示例,包括获取对象、获取相对路径以及加载外部JS或CSS文件的函数。 1. 获取对象 这个函数`getObject(objectId, top)`用于在文档中查找指定ID或名称的对象。它首先判断`objectId`是否是对象或函数,如果不是,则尝试通过以下方式获取对象: - 如果支持W3C DOM(World Wide Web Consortium Document Object Model),则使用`getElementById`方法获取ID为`objectId`的元素。 - 如果对象通过`getName`属性定义,它会返回第一个匹配的元素。 - 对于MSIE4 DOM(Microsoft Internet Explorer 4的DOM),它使用`all`属性来查找对象。 - 如果是Netscape Navigator 4的DOM,且对象是层(layer),则返回`layers`数组中的对象。 - 如果以上所有尝试都失败,函数返回`false`,表示未找到对象。 2. 获取相对路径 `getRelativePath()`函数用于获取当前URL的相对路径。它首先获取当前页面的完整URL,然后移除查询字符串(即URL中"?"后面的部分)。接着计算URL中"/"的数量,并减去项目名前"/"的数量,以确定相对路径的层数。最后,使用循环将“../”添加到字符串中,形成相对于当前页面的路径。 3. 加载外部JS或CSS文件 `loadjscssfile(filename, filetype, chkonce)`函数用于动态加载JavaScript或CSS文件。`filename`参数是文件名,`filetype`参数用于指定文件类型(默认为"js"),`chkonce`参数用于检查是否只加载一次文件。这个函数首先根据`filetype`确定是加载JS还是CSS文件,然后检查文件是否已经存在于页面中,如果不存在,它将创建一个新的`<script>`或`<link>`标签来引入文件。 这些函数在网页开发中非常实用,可以方便地帮助开发者处理DOM操作、路径处理以及资源的异步加载。通过这些函数,开发者可以更加灵活地控制网页的结构和行为。