xml地图|网站地图|网站标签 [设为首页] [加入收藏]

同步异步动态引入js文件的几种方法总结,JS动态

来源:http://www.ccidsi.com 作者:集成介绍 人气:174 发布时间:2019-07-31
摘要:本文表述了关于js动态引入四种格局的实例代码。分享给大家供我们参谋,具体如下: 正文为大家享受了js创产生分的三种方法供我们参谋,具体内容如下 动态加载js文件 index.html 1)将

本文表述了关于js动态引入四种格局的实例代码。分享给大家供我们参谋,具体如下:

正文为大家享受了js创产生分的三种方法供我们参谋,具体内容如下

动态加载js文件

index.html

1)将急需创制的因素,以字符串的花样拼接;找到父级成分,直接对父级成分的innnerHTML进行赋值。

突发性大家必要基于参数差别来引进区别的js文件,用html直接写标签知足不断大家的供给,计算三种办法,以及一齐异步加载的各类须要

<html> 
 <head> 
 <meta content="text/html;charset=utf-8" http-equiv="content-type"> 
 <title> </title> 
 <script src='' id="s1"></script> 
 <script src="dynamic.js"></script> 
 </head> 
 <body> 
 </body> 
</html> 

2)使用Document、Element对象自带的一对函数,来达成动态创产生分(创制元素=> 找到父级成分 => 在钦赐地方插入元素)

一.一向加载

test.js

一、字符串拼接格局

<div id="divId"></div>
<script>
alert("hello! I am test.js"); 
var str="1"; 

    为了越来越好的知道,设定一个应用场景。

二.异步加载,并发推行,但引入js内容无法直接选拔

dynamic.js

    随机生成一组数字,将那组数据渲染为条形图的花样,放在div[id="container"]中,如下图

//1.1 直接document.write
 document.write("<script src='test.js'></script>"); 
//1.2 动态改变已有script的src属性
 //页面中有<script src='' id="s1"></ script> 
document.getElementById('s1').src="test.js";
 //1.3 动态创建js
 var rootObject=document.getElementById("divId");
 var oScript = document.createElement( "script" );
 oScript.type = "text/javascript"; 
 oScript.src = test.js; //test.js方法中有一个方法function test(){alert("test");}
 rootObject.appendChild(oScript); 
 //2.0 调用js
 test();//在ie中不会出错,在firefox会出错,因为firefox默认为异步加载(在向服务器请求加载test.js文件的同时,继续向下执行了,调用test()方法,就自然找不到这个方法)

本文由68399皇家赌场发布于集成介绍,转载请注明出处:同步异步动态引入js文件的几种方法总结,JS动态

关键词: 68399皇家赌场

最火资讯