用原生js怎么动态添加一个js文件

用原生js怎么动态添加一个js文件,第1张

1、直接document.write

<script language="javascript">

document.write("<script src='test.js'><\/script>")

</script>

2、动态改变已有script的src属性

<script src='' id="s1"></script>

<script language="javascript">

s1.src="test.js"

</script>

3、动态创建script元素

<script>

var oHead = document.getElementsByTagName('HEAD').item(0)

var oScript= document.createElement("script")

oScript.type = "text/javascript"

oScript.src="test.js"

oHead.appendChild( oScript)

</script>

这三种方法加载都是异步的.也就是加载动作不会影响页面的js继续执行.

看代码,一看就懂

1.

{literal}

<script type="text/javascript" src="/javascript/wap/jquery.js"></script>

<script type="text/javascript" src="/javascript/wap/user.js"></script>

<script type="text/javascript" src="/javascript/wap/self_list.js"></script>

{/literal}

2.

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>查看个人历史注册记录</title>

<link href="/style/wap/pub.css" rel="stylesheet" type="text/css" />

<link href="/style/wap/ht_css.css" rel="stylesheet" type="text/css" />

<link href="/style/wap/admin.css" type="text/css" rel="stylesheet" />

<link href="/style/wap/datetime/jquery.ui.all.css" rel="stylesheet" type="text/css" />

</head>

我要全分


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7982324.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存