如何动态引入外部Javascript文件 - 它山之石，可以攻玉 - ITeye博客

`

chengzhi

浏览: 112230 次
性别:
来自: 济南

最近访客更多访客>>

sunjunqing

xiehao1020

wade6

guodajun123

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

tuposky：请教楼主，怎么在line 或 Circle 里面加一个titl ...
svg DOM的一些js操作
tuposky： good...真全
svg DOM的一些js操作
温柔企鹅：功力太浅，表示压力很大！
ExtJS中ajax回调函数，关于scope和createDelegate()
jie523314： miracletree 写道好！太感谢你了
在ModalDialog中操作父窗口对象
miracletree：好！太感谢你了
在ModalDialog中操作父窗口对象

如何动态引入外部Javascript文件

博客分类：

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()方法完成显示。当你想显示无需返回服务器的页面时，这种方法非常有用。

分享到：

svg DOM的一些js操作 | FTP文件上传

2012-05-16 17:00
浏览 1225
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

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

js动态引入外部js脚本并获取里面的变量值.pdf: 在JavaScript编程中，有时我们需要在运行时动态地加载外部JavaScript文件，并且希望访问这些文件中的变量或函数。这种需求在处理模块化开发、按需加载或者处理第三方库时尤为常见。"js动态引入外部js脚本并获取里面...

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

net中引入外部js文件容易产生中文乱码: 解决 Net 中引入外部 JS 文件中文乱码问题的关键是统一编码方式，使得 ASP.NET 和 JavaScript 的页面编码保持一致。同时，在 JavaScript 文件中保持 UTF-8 编码方式，也可以防止中文乱码的问题。

vue动态加载外部依赖js代码实现: 在前端开发中，有时我们需要动态地加载外部JavaScript库或脚本文件。特别是在构建大型Vue应用程序时，可能会遇到需要按需加载某些功能的情况，例如第三方库、API接口等。本文将详细介绍如何通过创建一个Vue组件来...

vue组件内部引入外部js文件的方法: 在Vue.js应用中，有时我们需要在特定的组件内部引入外部JavaScript文件，而不是全局引入。这样做的好处是可以避免不必要的资源加载，提高应用性能。本篇将详细介绍三种在Vue组件内部引入外部js文件的方法。 1. 操作...

在html中引入外部js文件,并调用带参函数的方法: 在HTML中引入外部JavaScript文件是将JavaScript代码与HTML分离，以实现更好的代码组织和维护性。这种方法也有助于提升页面加载速度，因为浏览器可以并行加载外部资源。本篇文章将详细讲解如何在HTML中引入外部JS文件...

vue.js引入外部CSS样式和外部JS文件的方法: 而对于外部JavaScript文件，应当创建一个存放这些文件的专门目录（如`src/js`），并在Vue组件中使用import语句来导入所需的模块。正确地引入外部资源文件对于保持Vue项目的可维护性和性能都是非常重要的。

JavaScript入门之语言基础第1/2页: 4. 引入外部JavaScript文件的方式：使用script标签的src属性引入外部JavaScript文件是最常见的做法，这有利于保持代码的清晰和易于管理。 5. JavaScript变量的定义和使用：变量是存储数据的容器，用于存储需要检索...

js 动态引用外部js,css文件: 动态引用外部JS和CSS文件是提升网页加载效率和灵活性的一种常见技术。下面将详细介绍这个知识点。首先，我们理解静态引用和动态引用的区别。静态引用通常在HTML文档中通过`<script>`和`<link>`标签完成，例如： `...

vue动态加载js.zip: Vue动态加载JS是一种实现这一需求的技术，它允许我们在运行时根据需要加载JavaScript文件。本文将深入探讨Vue动态加载JavaScript的原理、方法以及其实现步骤。首先，我们需要理解Vue动态加载的核心概念。在HTML中...

Vue中引入样式文件的方法: 这种方式适用于引入外部的CSS文件，例如全局的基础样式重置文件。例如： ```html <!DOCTYPE html> <title>2imis <div id="app"></div>  ``` 这种方式引入...

vue使用three.js引入外部obj，mtl模型.zip: 在Vue.js应用中集成Three.js库来加载外部的3D模型，如.obj和.mtl文件，是一种常见的增强网页3D视觉效果的方法。Three.js是一个强大的JavaScript库，它为WebGL提供了一个简单易用的接口，使得在浏览器中创建复杂的3D...

动态加载外部CSS与JS文件: 类似地，对于JavaScript文件的动态加载，我们需要创建一个`<script>`元素，设置`type`属性为`text/javascript`，`src`属性为JS文件的URL，然后同样将其添加到`<head>`或`<body>`中。但是，对于`<script>`元素，我们...

js文件就是那个外部资源文件: JavaScript文件通常以.js为扩展名，是外部资源文件，意味着它们可以独立于HTML文档存在，并通过`<script>`标签引入到网页中。这种方式允许开发者将脚本代码与HTML内容分离，提高代码的可读性和维护性。 ECMAScript...

单页面的js文件动态加载组件: js文件动态加载是通过JavaScript代码在需要时按需加载外部JavaScript文件的一种技术。这样可以减少初始页面加载时间，提高用户体验，因为不是所有的代码都在页面加载时就需要执行。有几种常见的方法可以实现动态加载...

cognos引入外部JS+CSS 引入jquery 自定义dialogue: 在这个例子中，我们将讨论如何在Cognos中引入外部JS和CSS文件，特别是如何创建一个自定义的jQuery对话框。首先，我们需要将CSS和JS文件部署到Cognos的特定目录下。在这个案例中，CSS文件`jquery-ui-1.8.21.custom....

javascript笔记 javascript笔记: - **解释：** 这段代码会引入名为`java.js`的外部JavaScript文件。例如，在`java.js`文件中可以写入： ```javascript document.write("Hello World!"); ``` ### 组合使用JavaScript和HTML 通过组合使用...

asp.net中javascript的引用(挺直引入和间接引入)_.docx: 间接引用是指通过引入外部JavaScript文件来使用其中定义的函数或代码块。这种方式可以更好地组织代码，使得HTML文件更加清晰，易于维护。 ##### 1. 引入外部JavaScript文件 ```html <script type="text/...

Global site tag (gtag.js) - Google Analytics