`
crabdave
  • 浏览: 1281636 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动态向head中设置javaScript文件

JavaScriptF#HTML 
阅读更多

动态向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>

分享到：
| 设置光标位置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Head First_深入浅出JavaScript(中文版)_带书签_高清完整版 4168

    [美] Michael Morrison 等 著；文件大小：48.81MB 网盘链接

    向html中加入指定的javascript "src"的perl脚本

    命令adjssrc: 用一个简单的命令向html文档中加入你指定的javascript源，比如在命令行中运行adjsscr a.html b.js, 在html文档的&lt;head&gt;标签的下一行就会自动加入&lt;script type="text/javascript" charset="utf-8" src=...

    JavaScript权威指南第五版【新】（犀牛书）

    本书还包括详细的参考手册，涵盖了JavaScript的核心API、遗留的客户端API和W3C标准DOM API，记述了这些API中的每一个JavaScript对象、方法、性质、构造函数、常量和事件处理程序。 这本最畅销的JavaScript参考书的第...

    javascript实现限制上传文件大小

    　项目中经常用到需要上传文件、照片等功能，同时需要限制所上传文件的大小。很多插件都会采用后台请求验证，前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;...

    对母版页使用css与javascript

    这种方法可以在程序运行时动态更改所需的CSS文件，但对JavaScript函数没法使用。在这种方法中，我们可以使用如下代码来添加CSS引用： protected void Page_Load(object sender, EventArgs e) { ControlHelper....

    Javascript的动态网页制作探讨.pdf

    探讨 JavaScript 在动态网页制作中的应用 JavaScript 是一种广泛应用于互联网网页制作的脚本语言，能够开发交互式 Web 网页，使设计的网页更具特色、更具交互功能。本文将探讨 JavaScript 在动态网页制作中的应用，...

    JavaScript代码应该放在HTML代码哪个位置比较好？

    在哪里放置 JavaScript 代码？ 通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所...

    使用javaScript动态加载Js文件和Css文件

    JS动态加载CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，下面详细说明。 希望下面的方法对你有帮助。 （1）使用JavaScript动态加载Js文件 /*JavaScript动态...

    动态加载JavaScript文件的两种方法

    这篇文章主要为大家详细介绍了动态加载JavaScript文件的两种方法，感兴趣的小伙伴们可以参考一下 第一种便是利用ajax方式，把script文件代码从背景加载到前台，而后对加载到的内容经过eval&#40;&#41;实施代码。第二...

    JAVASCRIPT网页农历日期动态显示.pdf

    在示例文件testLunar.htm中，我们可以看到使用JavaScript实现农历日期的动态显示的完整代码。首先，我们需要定义日期变量今日，然后调用InitLunarDate函数，计算农历日期全局变量。接着，我们可以使用...

    Javascript动态引用CSS文件的2种方法介绍

    一般情况下javascript动态插入样式有两种，一种页面中引入外部样式,在&lt;head&gt;中使用&lt;link&gt;标签引入一个外部样式文件，另一种是在页面中使用&lt;style&gt;标签插入页面样式（这里说的不是style属性）。 一...

    理解Javascript文件动态加载

    Javascript文件动态加载一直是比较困扰的一件事情,像网络上传的比较常见的做法: function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct);...

    JS实现动态添加外部js、css到head标签的方法

    主要介绍了JS实现动态添加外部js、css到head标签的方法,涉及javascript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下

    posix-head:JavaScript 中类似于 POSIX 的头部

    JavaScript 中类似于 POSIX 的head 。命令行界面head -n 20 long.file应用程序接口 var Head = require ( 'posix-head' )var head = new Head(argv) 返回一个转换流。 argv可以是： _ ：参数数组，文件输入； 比如...

    动态载入/删除/更新外部 JavaScript/Css 文件的代码

    动态载入 JavaScript/Csss 文件 传统加载外部JavaScript(*.js) 或者 Css(*.css)文件的方法是直接在&lt;head&gt;标签里面进行添加: 代码如下: &lt;head&gt; [removed][removed] &lt;link rel=”stylesheet” type=”...

    Web前端开发技术-JavaScript代码编写.pptx

    外部式（外链式）：将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用标签进行引入，适合JavaScript代码量比较多的情况。注意外部式的标签内不可以编写JavaScript代码 ...

    100多个有用的JavaScript函数及基础语法集合

    当文件中出现多个 form 表单时，可以使用 document.forms[0], document.forms[1] 等来代替。 窗口操作 可以使用 window.open() 打开一个新窗口，window.close() 关闭一个窗口，self 来访问当前窗口。 状态栏设置 ...

    javascript函数的解释

    18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出...

    JavaScript实例精通

    6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其...

    《JavaScript实例精通》[源代码]

    6_2.htm 用JavaScript动态更换图像元素中的图像。 6_3.htm 利用搜索引擎引用来高亮页面关键字。 6_4.htm 使用匿名函数为定时器传递参数。 6_5.htm Web页面中的tooltip提示。 6_6.htm 在Web页面中控制其...

Magicbox
Global site tag (gtag.js) - Google Analytics