`
chengzhi
  • 浏览: 110076 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

如何动态引入外部Javascript文件

 
阅读更多

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Javascript</title>
<script type="text/javascript">
document.write("<script type="text/javascript" src="external.js">" + "</scr" + "ipt>");
</script>
</head>
<body>
<input type="button" value="OpenWin" onClick="openWin()">
</body>
</html>

 

注意：字符串"<script>"被分成了两部分，这是必要的，因为每当浏览器遇到<script>，它都假定其中的代码块是完整的（即使它出现在JavaScript字符串中）。

下面是外部文件external.js的内容：
function openWin()
{
    var oNewWin = window.open("about:blank","newwindow","height:150,width:300,top:10,left:10,resizeable=yes");
    oNewWin.document.open();
    oNewWin.document.write("<html><head><title>New Window</title></head>");
    oNewWin.document.write("<body>This is a new window</body></html>");
    oNewWin.document.close();
}
 这个例子打开空白页，然后写入新页面，在write()前，先调用open()方法，最后调用close()方法完成显示。当你想显示无需返回服务器的页面时，这种方法非常有用。

 

分享到：
| FTP文件上传
评论
发表评论

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

相关推荐

    如何动态加载外部Javascript文件

    主要介绍了如何动态加载外部Javascript文件，本文举例讲解使用js加载器动态加载外部Javascript文件，感兴趣的小伙伴们可以参考一下

    vue组件内部引入外部js文件的方法

    之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = ...

    读取excel并显示需要引入的外部JS文件

    读取excel并显示需要引入的外部JS文件

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

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

    实验1 JavaScript初识_实验指导书

    掌握JavaScript的编写方法；熟悉JavaScript脚本在HTML文档中的位置； 学会使用行内式，编写JavaScript代码。...学会使用外部链接式，使用[removed]标签的src属性引入外部文件.js文件。掌握JavaScript的基本语法。

    qunit单元测试demo

    qunit是javascript的单元测试框架，这里包含必须的js文件和一个简单的demo，希望对想了解的人有帮助！

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

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

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

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

    javascript插入样式实现代码

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

    Javascript学习笔记-学JS的一手教程

    2.2.1 也可将javascript放入到单独的一个文件js文件，在需要使用的时候引入: 6 2.2.2 在超连接中使用javascript 7 2.2.3 在button中也可使用javascript 7 2.3 JAVASCRIPT的保留关键字 7 2.4 JAVASCRIPT的基本语法 7 ...

    unigui_调用外部js与css

    unigui_调用外部js与cssunigui_调用外部js与cssunigui_调用外部js与css

    JavaScript 全面解析各种浏览器网页中的JS 执行顺序

    我们知道javaScript是一种解释型语言，他的...页面中直接引入外部js文件：[removed][removed] 2.页面中直接写如js片段[removed]alert&#40;1&#41;[removed] 3.在js中引入js文件[removed](“’my.js’&gt;&lt;/scr”+”ip

    javascript基础语法学习笔记

    一、定义 　javascript是一门用来增强页面动态效果，实现页面与用户之间的实时、动态交互的脚本...　引入javascript有两种办法:在页面内嵌入js代码和引入外部文件 　[1]页面内嵌入 [removed] alert("My First JavaScr

    javascript基础知识整理

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 程序代码 代码如下: &lt;noscript&gt; Hello to the non-JavaScript browser. &lt;/noscript&gt; 4 ...

    javascript 文件的同步加载与异步加载实现原理

    指定src引入代码的字符集，大多数浏览器忽略该值...指定引入的外部代码文件，不限制后缀名。 type: 必选。指定脚本的内容类型（MIME类型）。现实中通常不指定该值也可以，浏览器会默认当作text/javascript类型来解释执

    2020年JavaScript课堂笔记

    外部js：定义通过src属性引入外部的js文件 注意： 1. ``可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。 2. ``可以定义多个。 注释方式： 单行注释：//注释语句 多行注释：/*注释语句*/ 数据类型: ...

    JavaScript中的JSON 中文版翻译

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]JavaScript这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集，但事实并非如此。它是一种语法类似c语言并且...

    探讨JavaScript语句的执行过程

    如果通过脚本标签[removed]的src属性来引入外部.js文件，那么它也将按照其语句出现的顺序来执行，而且执行过程是文档加载的一部分。不会因为是外部js文件而延期执行。 2、预编译和执行顺序的关系 首先看如下这段代码...

    javascript 获取HTMl文件指定元素的代码

    获取HTML文件的指定元素 获取HTML文件的指定元素 获取HTML文件的元素Body 获取HTML文件的元素H2 获取HTML文件的元素P [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    filerun.js:一个通过 HTML5 文件 API 提供可靠上传的 JavaScript 库

    除了 HTML5 文件 API 之外，filerun.js 没有任何外部依赖项。 特征 多个文件同时上传 可恢复上传的分块传输 中断时自动重试 可以暂停上传队列，甚至可以暂停单个文件 浏览器内存占用低，允许在同一会话中上传数百个...

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