`

在JS代码中 动态加载 JS文件

阅读更多
等网页全部打开以后再加载我要调用的JS.
第一个方法,可以使用defer属性.
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><script language="javascript" type="text/javascript" src="http://a.com/bb.js" defer="true"></script>


这段script要放在<head></head>之间.而且在脚本中不能有document.write()方法.因为设置了defer="true"的脚本是页面加载之后才加载并渲染的.如果这时候使用document.write()方法,会把之前的页面内容都清掉.

第二个方法,在window.onload之后把script添加到Dom中.

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->window.onload=function (){
var jsfile = document.createElement("script");
jsfile.src
="http://a.com/bb.js";
jsfile.type 
= 'text/javascript';
document.getElementsByTagName(
"head")[0].appendChild(jsfile);
}

分享到:
评论

相关推荐

    动态加载外部JS文件

    动态加载则改变了这一模式,它使用JavaScript代码来异步请求并插入外部脚本,使得页面可以先呈现基本内容,而JavaScript文件则在后台加载,提高了用户体验。 二、动态加载的方法 1. 使用`&lt;script&gt;`标签的`async`和...

    vue动态加载外部依赖js代码实现

    在前端开发中,有时我们需要动态地加载外部JavaScript库或脚本文件。特别是在构建大型Vue应用程序时,可能会遇到需要按需加载某些功能的情况,例如第三方库、API接口等。本文将详细介绍如何通过创建一个Vue组件来...

    javascript函数动态加载javascript文件

    在实际项目中,为了提高页面加载速度和优化用户体验,我们常常需要按需加载JavaScript文件,而不是一次性加载所有资源。这正是"javascript函数动态加载javascript文件"这一主题的核心所在。 动态加载JavaScript文件...

    vue动态加载js.zip

    因此,需要在运行时动态地将新的JavaScript文件添加到DOM中,以实现按需加载。 实现Vue动态加载JavaScript的基本步骤如下: 1. 创建Script元素:在JavaScript中,我们可以使用`document.createElement('script')`...

    javascript实现动态导入js与css等静态资源文件的方法.docx

    ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法 在现代 Web 开发中,动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能(例如,按需加载资源),还能增强用户体验(例如,在特定...

    单页面的js文件动态加载组件

    js文件动态加载是通过JavaScript代码在需要时按需加载外部JavaScript文件的一种技术。这样可以减少初始页面加载时间,提高用户体验,因为不是所有的代码都在页面加载时就需要执行。有几种常见的方法可以实现动态加载...

    asp.net后台代码动态引用添加JS和css文件

    在ASP.NET开发中,动态引用和添加JS及CSS文件是一项常用且重要的技能,尤其是在需要根据运行时条件加载不同样式或脚本的情况下。本文将详细解析如何在ASP.NET后台代码中实现这一功能,确保网页能够根据实际需求灵活...

    js代码高亮显示 JavaScript代码高亮 jsp

    本文将深入探讨JavaScript代码高亮的相关知识点,以及如何在JSP(JavaServer Pages)中实现这一功能。 一、JavaScript代码高亮原理 代码高亮主要是通过解析代码的语法结构,识别关键字、变量、函数等元素,并为...

    如何让动态插入的javascript脚本代码跑起来

    在JavaScript编程中,动态插入脚本是一种常见的技术,用于在页面加载后或者根据某些条件按需加载外部的JavaScript文件。这种技术在处理大型应用、优化页面性能或实现异步加载时非常有用。本文将详细介绍如何让动态...

    1号店完整代码_js代码_一号店代码_京东1号店_

    - **js**:JavaScript代码库,包含实现上述功能的具体代码。 - **.idea**:这是IDE(如IntelliJ IDEA)的工作目录,包含了项目配置信息,对开发者来说很有用,但对最终用户来说是不可见的。 综上所述,这个项目是一...

    【JS常用代码】动态添加附件效果

    在JavaScript(JS)编程中,动态添加附件效果通常是指在网页上通过JavaScript代码实现动态创建、编辑或删除文件上传的功能。这种效果可以让用户在不刷新页面的情况下,方便地添加、预览和管理上传的文件,提高了用户...

    如何动态加载外部Javascript文件

    动态加载外部JavaScript文件是一种常用的技术手段,它允许在不重新加载整个页面的情况下,动态地将JavaScript文件添加到网页中。这对于提高页面加载速度、按需加载资源、减少初始加载时间等方面非常有效。 在介绍...

    Finereport数据集参数实现动态列报表模板 + 函数JS代码

    在“实现动态列sql.txt”文件中,应该包含了根据参数构建SQL查询的逻辑。通常,这会涉及到字符串拼接或者使用参数化查询,以便在运行时根据用户的输入动态生成SELECT语句,选择相应的列。 例如,一个简单的实现方式...

    android JS与java代码相互调用

    在Android开发中,JavaScript(JS)与Java代码的相互调用是常见的需求,尤其是在混合式应用开发中。这种交互能够充分利用JavaScript的灵活性和Java的强大功能,实现更丰富的用户体验。本Demo旨在提供一个清晰、易懂...

    js动态引入外部js脚本并获取里面的变量值.pdf

    在JavaScript编程中,有时我们需要在运行时动态地加载外部JavaScript文件,并且希望访问这些文件中的变量或函数。这种需求在处理模块化开发、按需加载或者处理第三方库时尤为常见。"js动态引入外部js脚本并获取里面...

    js2c#-js转换c#代码

    "js2c#"工具正是为了解决跨语言转换的问题,它允许开发者将JavaScript代码转换为C#代码,以便在C#环境中使用。 1. **JavaScript到C#的转换原理**: js2c#工具通过解析JavaScript源码,将其语法规则映射为对应的C#...

    java 混淆、加密js代码

    在压缩包中,文件名为"js",这可能是混淆和加密后的JavaScript代码文件。要使用这个文件,你需要在Java项目中引入这个文件,并在main方法中指定其路径。Java可以调用本地的JavaScript引擎,如Rhino或Nashorn来执行...

    jsloader 异步加载js文件

    在网页开发中,JavaScript文件的加载是网页渲染过程中的关键步骤。大型应用往往包含多个JS文件,这可能导致页面加载速度变慢,影响用户体验。为了解决这个问题,开发者引入了异步加载(Asynchronous Loading)技术,...

    js 购物车代码

    在"js购物车代码"项目中,`youli`可能是包含实现以上功能的源代码文件,可能包括HTML文件用于构建页面结构,CSS文件用于样式设计,以及JavaScript文件用于实现动态功能。通过学习和理解这些代码,开发者可以更好地...

    JS 动态加载js文件和css文件 同步/异步的两种简单方式

    JavaScript动态加载资源文件是指在页面加载完成后,根据需要从服务器动态加载额外的脚本(js文件)或样式表(css文件)。这种方法可以减少初始页面加载时的资源消耗,提高页面的加载速度。动态加载可以通过两种方式...

Global site tag (gtag.js) - Google Analytics