`

页面用JS延时加载 JS外部引用文件

 
阅读更多

<body onload="getVal();">
    <div id="chart"></div>
       <script type="text/javascript"  language="javascript">
           function getVal(){
             //文件的地址
            setTimeout("getJsRef()",2000);
        }
        function getJsRef(){
            //alert("getJs()");
               var fileref=document.createElement('script');    //创建标签
               fileref.setAttribute("type","text/javascript");    //定义属性type的值为text/javascript
               fileref.setAttribute("src", "tree-radial.js");
               document.body.appendChild(fileref);
        }
    </script>   

  </body>
</html>

分享到：
| AJAX局部刷新技术[转]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    页面加载中js 页面加载中js 页面加载中js

    3. **延迟加载（defer）**：`defer`属性确保脚本按顺序执行，但同样不会阻塞页面解析。这对于库和框架等需要按特定顺序加载的脚本非常有用。 4. **图片预加载**：`loading.gif`可能是一个预加载指示器，用于在页面...

    js 动态引用外部js,css文件

    - **延迟加载**：对于不立即需要的库或功能，可以延迟加载，提升页面性能。 - **代码分离**：便于组织和维护，特别是在大型项目中，可以根据模块划分不同的JS和CSS文件。 然而，需要注意的是，动态引用也可能导致...

    js加载页面等待效果

    在网页加载过程中，为了提供更好的用户体验，开发者经常使用JS来实现页面等待效果，即在内容完全加载之前展示一个等待动画或者提示，让用户知道页面正在努力加载。 "js加载页面等待效果"主要涉及到以下几个关键知识...

    延时加载JS，解决JS阻塞问题

    总结来说，延时加载JS是一种有效改善页面性能的策略，通过延迟非关键脚本的加载，可以显著提高页面的首次加载速度，提供更好的用户体验。通过合理利用各种技术手段，我们可以实现这一目标，同时保持页面的正常功能和...

    js加载页面

    - **按需加载**（Lazy Loading）：只在需要时加载JS，例如，滚动到页面底部时加载更多内容的插件。 - **模块化**：使用CommonJS（Node.js）、AMD（RequireJS）或ES6的import导出，将大型JS代码分解为模块，按需加载...

    jquery延迟加载外部js实现代码

    在jQuery中，我们可以使用`$.getScript()`函数来实现延迟加载外部JavaScript文件。这个函数异步地加载指定的JavaScript文件，并在加载完成后执行回调函数。下面我们将深入探讨如何利用jQuery的`$.getScript()`来实现...

    调用内部JS和外部JS的演示程序

    外部JavaScript则是将脚本保存在单独的.js文件中，通过`&lt;script&gt;`标签引用，这种方法便于代码组织和重用。 **内部JS的调用**： 在HTML或JSP文件中，我们可以使用`&lt;script&gt;`标签来包含JavaScript代码。例如： ```...

    JS动态加载库

    JavaScript动态加载库是一种技术，它允许开发者在网页运行时按需加载JavaScript文件，而不是一次性在页面加载时加载所有脚本。这种技术对于优化网页性能、减小初始加载时间以及实现模块化开发非常重要。下面将详细...

    JS加载器如何动态加载外部js文件

    通过这种方式，我们可以延迟加载那些不必要在页面初始化时就加载的库或脚本，从而提高页面的加载速度。 总结来说，动态加载外部js文件是一个优化网页性能的重要技术，特别是对于大型项目和资源密集型应用。通过创建...

    打包多CSS或JS文件以加快页面加载速度的Handler (asp.net)

    当浏览器加载一个HTML页面时，会解析其中的链接，对每个外部资源（如CSS、JS文件）发送单独的HTTP请求。如果页面上有多个这样的文件，那么请求次数就会增加，导致页面加载时间延长。通过`HttpCombiner`，我们可以...

    js页面动态加载弹出窗口

    在JavaScript（JS）编程中，页面动态加载和弹出窗口是常见的交互设计技术，它们能够提升用户体验并实现灵活的信息展示。下面将详细讲解这两个概念及其结合应用。 **1. JS动态加载** 动态加载，顾名思义，是在网页...

    网页按顺序加载 最后加载js广告

    在这个过程中，浏览器会按照HTML、CSS、JavaScript的顺序逐行解析资源，最后加载JS广告。这样的加载策略有助于优化用户体验，因为主要内容可以更快地呈现给用户，而广告通常被视为非关键元素。 首先，我们来看网页...

    图片懒加载（延迟加载）

    2. **JavaScript处理**：引入一个外部JavaScript文件（如`js/lazyload.js`），在这个文件中编写懒加载的逻辑。首先，获取所有具有`lazyload`类名的图片元素，然后在滚动事件中检查这些图片是否进入视口。 ```...

    JS异步加载图片

    在JavaScript（JS）中，异步加载图片是一种优化网页性能的技术。它允许浏览器在不影响页面主要功能的情况下，按需或后台加载非关键资源，如图片。这样可以减少页面初次加载的时间，提高用户体验，特别是对于含有大量...

    html中js代码的加载顺序

    2. **外部JavaScript**：通过`&lt;script src="script.js"&gt;&lt;/script&gt;`引用的外部文件，浏览器会在HTML解析到该标签时下载并执行。下载是异步进行的，但执行仍然是同步的，即一旦脚本文件下载完成，浏览器会立即执行它，...

    delayed-js:通过动态加载和依赖跟踪来延迟 JavaScript 文件和脚本的加载

    Delayed JS 是一种轻量级解决方案，旨在通过动态加载和依赖跟踪来延迟 JavaScript 文件和脚本的加载，而无需外部加载大型库。 它有助于防止页面呈现阻塞，从而使页面加载速度更快，并满足谷歌的页面速度建议。 使用...

    JS异步加载库

    JavaScript（JS）异步加载库是一种能够帮助开发者在网页中延迟加载或按需加载JavaScript资源的工具。这种库可以显著提高网页性能，减少首屏加载时间，优化用户体验，特别是对于那些依赖大量脚本的复杂应用而言。下面...

    动态加载外部CSS与JS文件

    动态加载CSS和JS文件还可以与其他优化技术结合，如延迟加载（lazy loading）、按需加载（on-demand loading）以及异步加载（async loading），以进一步提高页面性能。同时，需要注意的是，虽然动态加载可以提升用户...

    js异步加载代码

    在现代网页开发中，由于 JavaScript 文件的体积越来越大，同步加载（即默认方式）会阻塞浏览器解析HTML，导致页面加载延迟，用户可能会看到长时间的空白页面。异步加载则能避免这一问题，使页面可以先呈现基本结构，...

    js 延迟加载 改变JS的位置加快网页加载速度

    在讨论如何通过延迟加载JavaScript代码来加快网页加载速度之前，首先需要了解JavaScript代码在页面加载过程中如何影响页面的渲染。JavaScript的执行会阻塞DOM的构建，也就是说，在浏览器解析HTML生成DOM树时，如果...

Magicbox
Global site tag (gtag.js) - Google Analytics