动态向head中设置javaScript文件 - 看看我都干了些啥！ - ITeye博客

`

crabdave

浏览: 1294963 次
性别:
来自: 北京

最近访客更多访客>>

hwj385327450

ergjss

寒号鸟whpj

linkoog

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

masuweng：
Intellij idea 主题下载网址
mimicom：还有一个情况, 也是连不上 2018-05-06T06:01: ...
docker-compose 部署shipyard
lixuansong： put()方法调用前必须先手动调用remove()，不然不会实 ...
JavaScript创建Map对象（转）
jiao_zg22：方便问下，去哪里下载包含Ext.ux.TabCloseMenu ...
Ext.ux.TabCloseMenu插件的使用（TabPanel右键关闭菜单）示例
netwelfare：对于基本类型的讲解，文章写的有点简单了，没有系统化，这篇文章介 ...
Java 基础类型范围

动态向head中设置javaScript文件

博客分类：

JavaScript

JavaScript F#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>

分享到：

二级连动菜单 | 设置光标位置

2008-12-17 16:33
浏览 2305
评论(0)
查看更多

评论

发表评论

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

相关推荐

javascript函数动态加载javascript文件: 这正是"javascript函数动态加载javascript文件"这一主题的核心所在。动态加载JavaScript文件的基本原理是利用`<script>`标签的异步加载特性或者使用`XMLHttpRequest`或`fetch` API来创建HTTP请求获取JS文件。下面...

动态给head添加script: 在网页开发中，有时我们需要在页面加载过程中动态地向`<head>`标签内添加`<script>`元素，以便实现异步加载脚本、延迟加载或按需加载等功能。这种技术对于优化网页性能、减少首屏加载时间以及提高用户体验至关重要。...

Head First JavaScript 彩色高清原版 pdf: 3. 标签中的“HeadFirst JavaScript 彩色高清 pdf”进一步确认了这是一本彩色高清晰度的Head First系列JavaScript教材。 4. 内容部分提到的对书籍的评价表达了几个关键点。首先，Michael Morrison撰写的书籍被称赞...

动态加载外部JS文件: 动态加载则改变了这一模式，它使用JavaScript代码来异步请求并插入外部脚本，使得页面可以先呈现基本内容，而JavaScript文件则在后台加载，提高了用户体验。二、动态加载的方法 1. 使用`<script>`标签的`async`和...

head first javascript 中文版: - **单文件组件**：将HTML、CSS和JavaScript放在一个文件中。 - **插槽**：父组件向子组件传递内容。 ### 六、工具与环境 #### 6.1 Node.js - **介绍**：一个基于Chrome V8引擎的JavaScript运行环境。 - **用途**...

Head First JavaScript 配套源代码: 《Head First JavaScript》是一本非常受欢迎的编程教材，...压缩包中的文件名称列表"Head First JavaScript Programming Source Code"暗示了代码组织结构，可能按照章节或主题分类，方便读者对应书中的内容进行学习。

head first javascript 中文版.pdf: JavaScript代码可以在HTML文档的`<head>`或`<body>`部分通过`<script>`标签嵌入，也可以在外部文件中书写并通过`路径"></script>`的方式引入。 #### 3. JavaScript的基本语法 - **变量声明**：使用`var`、`let`或`...

javascript实现动态导入js与css等静态资源文件的方法.docx: ### JavaScript 实现动态导入 JS 与 CSS 等静态资源文件的方法在现代 Web 开发中，动态地加载脚本和样式表是非常常见的需求。这不仅有助于提高网站性能（例如，按需加载资源），还能增强用户体验（例如，在特定...

Head.First.JavaScript].高清非扫描版: 在《Head First JavaScript》中，你可能会学到以下关键知识点： 1. **基础语法**：包括变量声明（var, let, const）、数据类型（number, string, boolean, null, undefined, object, array）、操作符（算术、比较、...

如何动态加载外部Javascript文件: 动态加载外部JavaScript文件是一种常用的技术手段，它允许在不重新加载整个页面的情况下，动态地将JavaScript文件添加到网页中。这对于提高页面加载速度、按需加载资源、减少初始加载时间等方面非常有效。在介绍...

JavaScript实现页面动态验证码: 在本主题中，我们将深入探讨如何使用JavaScript实现一个页面动态验证码。验证码的主要目的是防止自动化的机器人程序对网站进行恶意操作，例如批量注册、垃圾评论等。验证码通常包括一些随机生成的字符或数字，用户...

Head First JavaScript勘误表和源代码: "HeadFirstJavaScriptCode"这个文件很可能是书中所有代码示例的集合，包括了函数、对象、事件处理、DOM操作、AJAX请求等JavaScript核心概念的实例。通过这些代码，读者可以亲手运行并调试，体验实际编程过程，这对于...

动态加载JavaScript文件的两种方法_.docx: 另一种方法是动态创建`<script>`标签，设置其`src`属性，然后将其插入到`<head>`或`<body>`元素中。这会触发浏览器异步加载指定的JavaScript文件。这种方法的代码示例如下： ```javascript var head = document....

_JavaScript在动态网页设计中的应用研究.pdf: 另一种方法是通过URL链接外部的JavaScript文件，这种方法适用于多个页面共享同一段脚本，可以减少代码重复，方便统一管理。 JavaScript在网页设计中的实际应用广泛。首先，它可以提升网页特效，例如动态更换图片，...

Head First JavaScript-demo: 《Head First JavaScript-demo》是一个关于JavaScript、HTML和CSS的实践示例集合，旨在帮助学习者通过实际操作理解这些核心技术的工作原理。在这个压缩包中，HFJ-demo包含了各种演示和练习，帮助用户深入学习Web开发...

javascript 保存文件（含两种方法）: 在JavaScript中保存文件是一项常见的需求，特别是在Web应用中。这里我们主要探讨两种方法：一种是针对旧版IE浏览器，利用ActiveXObject技术；另一种是利用HTML5的新特性，结合FileSaver.js库来实现文件保存。首先...

javascript调用exe文件，弹出系统软键盘: 在IT领域，JavaScript是一种广泛使用的前端编程语言，主要用于构建网页交互和动态效果。然而，JavaScript并不直接支持调用操作系统级别的功能，比如执行本地的.exe文件。但通过一些技术手段，我们可以实现JavaScript...

JavaScript实现动态增加文件域.仿网易邮箱附件: 在JavaScript编程中，动态增加文件域是一个常见的需求，特别是在构建具有上传功能的Web应用时，如仿造网易邮箱附件的功能。这个过程涉及到DOM操作、事件监听以及文件API的使用。以下将详细介绍如何实现这一功能。 ...

JavaScript动态生成css: 例如，在`registerCss.html`文件中，我们可以监听某个按钮点击事件，然后根据用户的选择生成不同的CSS规则。 ### 七、CSS变量（CSS Custom Properties）使用CSS变量，我们可以用JavaScript动态地改变全局样式。...

Global site tag (gtag.js) - Google Analytics