gpt4 book ai didi

javascript - 比较两种加载本地 jQuery 库的回退机制方法

转载 作者:行者123 更新时间:2023-11-28 06:33:30 27 4
gpt4 key购买 nike

在方法1中,以下是加载本地jQuery库的回退机制的代码

<head>
<meta charset="UTF-8">
<title>Fallback procedure</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<script type="text/javascript">
if (typeof jQuery === 'undefined') {
var element = document.createElement('script');
element.src = '../js/jquery-1.11.3.js';
element.type='text/javascript';
document.getElementsByTagName("head")[0].appendChild(element);
}
</script>
</head>
<body>
<p>Hello World!!</p>
<script type="text/javascript">
jQuery('p').html("Good Bye!!");
</script>
</body>
<小时/>

在方法2中,下面是加载jQuery库的后备机制的代码

<head>
<meta charset="UTF-8">
<title>Fallback procedure</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<script type="text/javascript">
if (typeof jQuery === 'undefined')
document.write('<script type="text/javascript" src="../js/jquery-1.11.3.js"><\/script>');
</script>
</head>
<body>
<p>Hello World!!</p>
<script type="text/javascript">
jQuery('p').html("Good Bye!!");
</script>
</body>
<小时/>

在执行其参数之前,document.write 会覆盖 document.write 之前出现的所有页面元素。

在此answer据说第二种方法更好。

为什么第二种方法更好?

最佳答案

在该答案中,提到的问题是,使用第一种方法,当 jQuery 可能尚未完成加载时,您会继续运行 js 代码。

在第二种方法中,您确保在继续下一个脚本之前加载注入(inject)的脚本

关于javascript - 比较两种加载本地 jQuery 库的回退机制方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34490642/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com