从单个文件在站点的特定页面上执行自定义JavaScript

我的js文件加载到所有页面上.某些功能仅适用于某些页面,例如主页http://site.com.javascript可以读取它正在调用的页面的URL来确定它是否是主页?

您可以使用 window.location

对象获取有关该位置的属性.一些值得注意的属性是:

> window.location.href – 返回当前页面的完整URL

>示例: http://www.google.com/subdir/subpage.html

> window.location.hostname – 只返回主机名(域名,包括任何子域)

>示例:www.google.com

> window.location.pathname – 仅返回路径(主机名/域后面的部分,但不包括查询字符串(以“?”开头的URL的一部分)或散列(以URL开头的部分)一个 ”#”))

>示例:/subdir/subpage.html

虽然这一切都运行良好,但我建议(像其他人提到的那样)做这个服务器端会更好.服务器通常可以比客户端更好地完成这样的事情.

此外,如果您将所有JS代码放在一个中央文件中,您可以直接向页面(在服务器上)添加这样的内容,以触发该页面的事件,这可能比JS位置嗅探更可靠:

<script type="text/javascript">
// jQuery example
$(document).ready(function () {
    // Run function that is specific for this page
    MyNamespace.initHome();
});
</script>

翻译自:https://stackoverflow.com/questions/4904921/executing-custom-javascript-on-specific-pages-of-the-site-from-a-single-file

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章