Javascript 在$(文档)中调用多个函数。准备好了吗
我有一些用于不同页面的javascript函数,最好在文档中调用所有这些函数(比如说20个函数)Javascript 在$(文档)中调用多个函数。准备好了吗,javascript,jquery,Javascript,Jquery,我有一些用于不同页面的javascript函数,最好在文档中调用所有这些函数(比如说20个函数) function functionforpage1(){ //do something on page1 } function functionforpage2(){ //do something on page2 } function functionforpage3(){ //do something on page3 } …最多功能20 我这样称呼他们 $(doc
function functionforpage1(){
//do something on page1
}
function functionforpage2(){
//do something on page2
}
function functionforpage3(){
//do something on page3
}
…最多功能20
我这样称呼他们
$(document).ready(function(){
functionforpage1();
functionforpage2();
functionforpage3()
functionforpage4()
................
functionforpage20()
})
这样做明智吗?它会对页面的性能产生影响吗,因为如果我加载第20页,在执行函数20之前,它必须运行1-19中的所有函数。如果这样做不明智,那么最好的方法是什么?最好让代码确定哪些函数与页面相关,并只调用这些函数。例如,让主JavaScript根本不使用
ready
,然后在每个页面上有一个小的内联script
块,只调用相关的块:
<!-- On page 3 -->
<script src="your-main-script.js"></script>
<script>
$(document).ready(functionforpage3);
</script>
$(文档).ready(第3页的函数);
但是,假设函数很早就发现它们不相关(例如,一个简单的DOM查询),调用20个函数,每个函数执行一个DOM查询,其中19个函数停止,因为它们发现找不到要查找的内容,这不会引起任何明显的问题。让它们尽早、快速地失败。Crowder感谢您的回复,是否建议使用和if语句至少确定页面名称?并知道页面是否真的需要该功能。@chikor.net:我会尽量避免集中这些知识,而是将这些知识保留在页面中(例如,使用上面的内联脚本)。