html页面怎么动态调用js?

html页面怎么动态调用js?,第1张

把script语句放在head标签中,如下:

<head>

<script src="这里为js文件" type="text/javascript"></script> 

</head>

示例:

<html>

<body>

<script type="text/javascript">

document.write("<h1>Hello World!</h1>")

</script> 

</body>

</html>

如果需要用原生js动态的加载另外一个js文件,可以使用原生js的document.createElement方法创建script节点,然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中,这样就可以了,参考代码如下:

var new_element = document.createElement("script")//创建新的script节点new_element.setAttribute("type", "text/javascript")new_element.setAttribute("src", "../js/jquery.js")document.body.appendChild(new_element)//添加到body节点的末尾

上例中是在body的最末尾添加的,当然同样可以在head中添加引用该js的标签:document.head.appendChild(new_element)

第一,把多个文件名放到数组里面。

第二,利用Math.random生成随机数

第三,把随机数当作数组的索引值获取文件名。

第四,获取到的文件名赋值给script标签的src属性。

关于脚本的学习,可以去看看HTML5学堂吧。


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

原文地址: http://outofmemory.cn/zaji/6279521.html

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

发表评论

登录后才能评论

评论列表(0条)

保存