javascript怎么动态引入js文件

javascript怎么动态引入js文件,第1张

有三种方法可以实现,分别如下:

第一种、直接document.write:

<script language="javascript">

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

</script>

第二种、动态改变已有script的src属性

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

<script language="javascript">

s1.src="test.js"

</script>

第三种、动态创建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>

注意:第三种方法使用时,请注意路径。

<div onclick=" var newNode = document.createElement("script")newNode.type="text/javascript"newNode.src="test"document.body.appendChild(newNode) ">content</div>

动态添加JS文件可以这样添加。如果是执行代码。每一句后面一定要加上分号。上面的代码就是示例。

jQuery的:

<div onclick="$(#top.nav).fadeIn(200)$(ul>li.tips).fadeOut()">

如果想在a标签的href里面添加,前面要加上javascript:,例如:

<a href="javascript:alert('nothing!')">什么都没有!</a>

如果你只是想执行一个函数,函数后面别忘了加括号

<script type="text/javascript">var count=0function countOver(){alert(++count)}</script> <body onmouseclick="countOver()" />


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

原文地址: http://outofmemory.cn/bake/11927259.html

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

发表评论

登录后才能评论

评论列表(0条)

保存