动态向head中设置javaScript文件

编程技术  /  houtizong 发布于 3年前   76

动态向head中设置javaScript文件

源文件如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<script type="text/javascript">
var lastScript;
var h=document.getElementsByTagName("head")[0];
function loadScript(url){
              var f=document.createElement("script");
              var d=new Date().getTime();//用时间来做为唯一ID
                    f.type="text/javascript";
                    f.id=d;
                    f.src=url+'?'+d;
                    h.appendChild(f);//将js加入head标签中
         if(lastScript&&g(lastScript))

                 g(lastScript).parentNode.removeChild(g(lastScript));//移除上一次加入的js
           lastScript=d;//修改最后一个js的id
          alert(h.innerHTML);
  }
function g(x){
      return document.getElementById(x)
  };
</script>
</head>
<body>
 <button onclick="loadScript('http://localhost/alert.js')">Test Alert</button><br />
 <button onclick="loadScript('http://localhost/info.js')">Test Info</button><br />
</body>
</html>

上一篇:设置光标位置
下一篇:二级连动菜单

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客