`

在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);
}

分享到:
评论

相关推荐

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

    本文档把js加载做成vue组件,便于在其他模块引用,符合vue整体思路,供大家参考借鉴

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

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

    动态加载js、css等文件跨iframe实现

    1、动态加载js,css文件(用原生js和jquery) iframe结构: frame0(父) frame2(子) frame3(子) frame2中触发事件,动态的向frame3中 加载js、css文件和 dom元素? *同级之间可以调用,可以 通过 子-父-子 的方式...

    vue如何实现动态加载脚本

    今天在研究,tinymce富文本编辑器怎样在vue中使用,然后看到其它框架上的使用方法,它是动态加载tinymce脚本的,若果在本地引入静态文件或者,npm安装都会导致vue项目打包体积过大,这种动态脚本引入方式,是一个...

    如何动态加载外部Javascript文件

    主要介绍了如何动态加载外部Javascript文件,本文举例讲解使用js加载器动态加载外部Javascript文件,感兴趣的小伙伴们可以参考一下

    JSP加载JS文件不起作用的有效解决方法

    目录结构:jsp导入jquery文件,老是不起作用,原因在于: 代码如下: [removed][removed] 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。 test.html: 代码如下: &lt;&#37;@ page ...

    struts2动态上传多文件的实现(内附JavaScript代码)

    struts2动态上传多文件的实现(内附JavaScript代码) 实现了在页面上动态添加和删除附件

    vs实现js格式化和代码折叠

    在程序的开发中,javascript脚本的扩大,代码折叠,格式化是必不可少的一部分。对于大多数注释,代码折叠,格式化,都有着相似的样子,另外,在团队开发的过程,脚本太大,太长。为了提高在开发过程中,代码的可读性...

    网页js脚本注入,可执行任意代码。

    网页js脚本注入,可执行任意代码。这里有个实例教程,通过注入实现跳过验证码。

    动态加载外部CSS与JS文件

     3、由于是页面是从上到下依次加载文件的,并且边加载边解释,所以可以添加javascript控制器控制页面文件的加载顺序,如先加载css布局文件,再显示有图片的css美化文件,之后再加载大的falsh文件,或者安内容的重要...

    WinForm窗体程序中使用CefSharp获取加载后的资源、截取request参数、拦截response数据、注入jquery文件和js代码。

    环境:vs2019、.net 4.6。 WinForm窗体程序中使用CefSharp获取加载后的资源、截取request参数、拦截response数据、注入jquery文件和js代码。有问题可联系q369628105

    【JavaScript源代码】vue动态加载本地图片的处理方法.docx

     今天遇到一个在vue文件中引入本地图片的问题,于是有了这篇文章。 通常,我们的一个img标签在html中是这么写的:  src="../images/demo.png"&gt; 这种写法只能引用相对路径下的图片。不能使用绝对路径。使用绝对...

    单页面中js动态加载组件

    实现html页面中动态加载js文件,并且能实现加载js文件过程中,程序悬挂;加载完毕代码可以断续向下执行。具体使用方法见js文件内的帮助说明。

    动态加载JavaScript文件的3种方式

    以下是遇到的几种动态加载JavaScript文件的方式,持续更新中。。。 一、使用[removed]/writeln()方式 该种方式可以实现js文件的动态加载,原理就是在重写文档流,这种方式会导致整个页面重绘。 实现方式: 代码如下...

    在js文件中引入(调用)另一个js文件的三种方法

    下面就总结下在js文件中引入另一个js文件的实现 方法一,在调用文件的顶部加入下例代码 function addScript(url){ [removed]([removed][removed]); } 注:有时你引用的文件还可能需要引用其他的js,我们需要将需要...

    Vue加载json文件的方法简单示例

    一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版): var appData = require('../address.json'); // 引入address.json文件 var apiRoutes = express.Router(); apiRoutes.get('/...

    PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例

    在默认配置(QWebEngineProfile)中植入 Javascript 内容,这样脚本会在所有打开的网页中执行,不论跳转到哪个网址。 Javascript 脚本使用网址中的路径名,判断当前网页位置,从而决定执行哪种操作。 python 代码...

    如何实现JavaScript动态加载CSS和JS文件

    项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('...

    大学生javascript课程设计

    JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 是一种解释...

    JavaScript完全自学宝典 源代码

    14.3.html 使用JavaScript向Excel文件中写入内容。 14.4.html 使用JavaScript从Excel中读取内容。 第15章(\c15) 示例描述:介绍JavaScript与各种浏览器插件的交互方法。 15.1.html 使用JavaScript...

Global site tag (gtag.js) - Google Analytics