替换外部脚本的document.write
是一种在网页中动态加载外部脚本的方法。在过去，为了加载外部脚本，常常使用document.write来实现。然而，这种方法存在一些问题，比如会阻塞页面加载、无法异步加载脚本等。为了解决这些问题，现在推荐使用其他替代方法。
一种常见的替代方法是使用JavaScript的createElement方法和appendChild方法来动态创建script标签，并将其添加到页面中。这种方法可以实现异步加载脚本，不会阻塞页面加载。示例代码如下：
var script = document.createElement('script');
script.src = '外部脚本的URL';
document.head.appendChild(script);另一种替代方法是使用defer或async属性来控制脚本的加载行为。defer属性表示脚本将在文档解析完毕后执行，而不会阻塞页面加载。async属性表示脚本将在加载完成后立即执行，不会阻塞页面加载。示例代码如下：
<script src="外部脚本的URL" defer></script>除了以上方法，还可以使用现代的模块加载器，如ES6的import语句或RequireJS库来加载外部脚本。这些方法可以更好地管理脚本的依赖关系和加载顺序。
替换外部脚本的document.write方法的优势在于可以实现动态加载外部脚本，提高页面加载性能和用户体验。它适用于需要在页面加载过程中根据条件加载不同脚本的场景，或者需要在特定时机加载脚本的场景。
腾讯云提供了多个与云计算相关的产品，其中包括云服务器、云数据库、云存储等。您可以通过访问腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
我必须抓取一个包含document.write的JS片段-这会导致页面在document.write呈现后变为空白。我可以通过重新定义document.write来解决这个问题，并将脚本的响应传递给一个函数，该函数用于输出来自getScript() jQuery函数的响应。但是，我在页面中稍后加载的其他元素和脚本存在问题，我的重新定义阻止了这些元素和脚本在页面上输出。在jQuery getScript()完成后，如何将document.write设置回默认功能？
$.getScript('somescript.com/script/', function(){
//Prev
浏览 0提问于2012-05-25得票数 0
回答已采纳
我在jQuery AJAX调用中遇到了一些问题。当我请求一个没有javascript的页面时，我的代码工作得很好，但是当我的代码中有脚本标记时，事情就开始变得奇怪了。
似乎任何引用外部URL的脚本标记都会导致浏览器重定向。在firefox中，页面为空白。在safari中，页面清除并加载AJAX响应的内容。在这两种浏览器中，URL都不会改变。
具体到我的问题；我有一个选项卡控件，我试图在其中嵌入walkscore小部件。因为它在客户端很重，所以我只想在用户单击它所在的选项卡后才实际加载它。walkscore页面如下所示：
<script type="text/javascript&
浏览 9提问于2009-06-04得票数 3
回答已采纳
我正在从w3schools学习JavaScript，它谈到了如何“如果你在文档加载完成后执行document.write，整个HTML页面将被覆盖”，我从示例中看到这种情况确实发生了，但“我不明白到底发生了什么，网站似乎跳过了解释。我移动了脚本的一部分(
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<button onclick="myFunction()">Try it</button>
<script>
function m
浏览 5提问于2013-08-29得票数 0
我希望包含一个带有javascript的adserver脚本，并加载它异步。但是每次尝试都以警告结束，脚本没有执行。
我收到以下错误消息：“未能在‘文档’上执行‘写’：除非显式打开，否则不可能从异步加载的外部脚本写入文档。”
我尝试过以下几种变体：
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = "http://example.com/test.js";
document.bod
浏览 2提问于2014-08-26得票数 0
回答已采纳
1回答
我正在尝试理解async & defer HTML 5属性。这是我的测试代码：
<body>
<script type="text/javascript" src="script.js" **defer**></script>
<div id="div1">
Abc
</div>
</body>
script.js：
document.write("Hello World!")
据我所理解，并根据定义，“pa
浏览 2提问于2016-01-11得票数 6
回答已采纳
我正在为一个项目学习javascript，但我在一开始就被卡住了。我把它简而言之，我的脚本中的函数没有定义，但只要我能告诉它是定义的。
我有一个脚本："script.js“，其中包含函数显示结果。
function displayResult()
{
document.write("hello world");
}
在index.html的标题中，我有这一行
<script type="text/javascript" href="script.js"></script>
我稍后会说这句话
<
浏览 1提问于2011-05-25得票数 0
回答已采纳
我有一个JS脚本，它将.append()另一个脚本到body，它附加的内容如下所示：
<script type=\"text\/javascript\" src=\"https:\/\/website\/creative\/camref:[ref]\/creativeref:[ref]\"><\/script>
在这个脚本中，它包含document.write()，而我不能修改这个文件。
它不会将脚本中的内容写到网站上，我如何解决这个问题？异步是否有效(我知道异步承诺)？
浏览 3提问于2016-06-28得票数 1
在我的Rails应用程序中，我使用作为Ajax弹出窗口。我有两个页面，名为add_retail_stores/new.html.erb和add_retail_stores/new.js。new.js页面继承了来自new.html.erb页面的所有元素，因此它看起来非常相似。我在HTML页面上有一个Google地图脚本，它可以正常工作。但是在我不同的页面上弹出的new.js页面称为add_store_prices.html.erb页面(<%= link_to add_retail_store_path, :remote => true %>)
我知道错误：
警告:来自异步加载
浏览 6提问于2011-10-18得票数 5
回答已采纳
2回答
我正在编写一个依赖于外部javascript文件(我无法控制)的网页，它通过使用document.write返回数据。有没有办法动态调用该函数而不覆盖整个文档？下面是我能想到的最简洁的代码：
<html>
<head>
<script type="text/javascript">
function horriblefunction () {
document.write("new text");
}
</script>
</head>
<body>
浏览 0提问于2010-06-03得票数 4
回答已采纳
2回答
我正在使用ajax (与jQuery一起)更新网页的部分内容。查询返回html以插入不同的位置。
然而，这些html块有时包含javascript，这些javascript在它们所在的位置编写东西。我的意思是，在AJAX返回的html的某个div中，包含了一个脚本，这个脚本执行一些document.write()指令(通常是来自我们的ads发行商的脚本，我们没有任何控制权)。
现在，如果我只使用AJAX查询返回的html并使用它更新DOM，那么javascript就不会被执行。
确保document.write()在适当的位置写入其内容的最干净/最简单的方法是什么？
浏览 5提问于2014-07-03得票数 0
回答已采纳
1回答
我有一个使用document.write的脚本，它需要在ajax中工作，但我在寻找解决方案时遇到了麻烦。下面是通过ajax加载到页面中的脚本。
<script type="text/javascript">
example_widget_id = "example-1234";
example_widget_name = "registration";
example_widget_type = "example";
document.write(unescape("%3Cscript src='ht
浏览 0提问于2015-08-24得票数 1
2回答
我只想在我的网站上显示一个基本的html文档，文本包括脚本标签。有没有办法表明：
<script>document.write("hi");</script>
而不是hi
基本上，我希望而不是执行javascript输入。
浏览 1提问于2021-05-06得票数 0
在paralell中运行第三方javascript标记有什么简单的解决方案吗？
只需在html页面上添加几个脚本，这些脚本就不会一个接一个地加载/我知道，对于广告，它使用像doubleclick这样的adserver工作，但这在这里没有必要，它不仅需要广告，而且还需要能够分析用户代理、ip、引用者或更多的html内容。
例如，你很可能知道：
1.
<script src="http://another-ad-service.com/get-js.aspx?&cwadformat=728*90"</script>
2.
<script langua
浏览 1提问于2012-12-03得票数 0
我正在尝试这个粗略的脚本想法。但它不起作用。
<script>
function storeurl() {
var varurl = document.URL;
}
document.onclick = storeurl;
document.write(varurl);
</script>
使用document.URL函数将varurl设置为实际的url。
使用<a href="#2">broogle</a>，然后单击，我希望varurl设置为#2，然后回显。
在一个完美的世界里，这个脚本会回放
http://url/#2
当
浏览 0提问于2013-06-17得票数 0
2回答
我创建了两个简短的javascript文件，每个文件都包含一个具有javascript的$(document).ready函数，用于检测包含它的html文件中的按钮单击。我的主html文件有指向头文件中每个文件的脚本标记：
file1.js
$(document).ready(function(){
$('.wrapper').on('click', '.click_1', function(){
alert('hello from the first file');
});
});
file2.js
$(docu
浏览 0提问于2018-09-01得票数 1
回答已采纳
我编写了一个书签，它在关闭正文标记之前注入外部javascript。
注入的脚本包含两行：
document.write("");
alert("hello");
警报有效。document.write没有任何效果。
怎么回事？这应该会清除页面，但是页面保持不变。
浏览 3提问于2012-02-15得票数 1
回答已采纳
我知道这个问题听起来很让人困惑，但让我们看看我是否能解释得对：
什么？
我计划从运行.js的外部document.write文件中动态加载内容。我已经通过web.py成功地加载了文件内容，但我希望能够将.js文件document.write的所有内容都放在HTMLdiv元素中。
多么?
我有一个外部.js文件，其中包含两个document.write调用。由于获取此.js文件的URL是可变的，所以我决定不向<script src>元素添加<script src>标记，而是对脚本的内容进行eval()。
我已经有了该文件的内容，并设法使它的eval()没有任何问题。问题是
浏览 2提问于2011-11-26得票数 0
我是JavaScript的新手。当我尝试以下代码时，我的js文件没有链接，html页面中的JavaScript代码也没有执行: html和JavaScript文件都在相同的路径下。
我的html：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;>
<title>JS Code</title>
</head>
<body>
HTML
<script type="text/
浏览 2提问于2016-01-14得票数 0
我设法将Apache配置为运行cgi脚本，并尝试使用javascript生成输出。
#!C:\php\php.exe
<script>
document.write("Hello world!");
</script>
但是，这只会发送内容，并且在客户端上运行document.write。我想送你好世界！通过javascript。
我知道有nodejs。我想知道是否有Apache模块或某些设置可以在服务器上运行javascript，并且只发送document.write的内容。
浏览 4提问于2015-09-24得票数 1
回答已采纳
下午好,
这里有一段代码，您可以在SketchUp的Ruby控制台中运行。当你这样做时，你会得到一个弹出式的打印字母'a‘。但是，在我的代码中，您可以看到我已经将'a‘识别为字符串'50.12’。
dialog = UI::HtmlDialog.new(
{
:dialog_title => "Observation Information Plugin",
:scrollable => true,
:resizable => true,
:width =>
浏览 2提问于2022-02-23得票数 0
回答已采纳
5回答
我正在使用JQuery将脚本标记附加到一个div，例如：
$("#special_div").append("<script src="http://blablabla.com/id.php?id=0000"></script>");
然后该脚本返回：
document.write("<object ....></object>");
但是当我追加它的时候，我所有的HTML都不见了，只有那个标签被写出来了。
有人能告诉我出了什么问题吗？
浏览 1提问于2011-01-15得票数 0
2回答
我正在尝试动态添加泛光灯标签到我的页面。这个页面被几个不同的公司使用，所以我们实现了动态添加跟踪和分析，这样每个公司都可以添加自己的跟踪。
我有一个div：<div id="bodyTrackingCode"></div>，它就在body开始标记的正下方。
我使用.html插入跟踪代码：$('#bodyTrackingCode').html(Info.BodyTracking)；
这对所有类型的google分析代码都很有效。不幸的是，我有一个泛光灯标签的问题。我相信这是因为代码中的"document.write“。
代码如下所示：
浏览 0提问于2018-05-18得票数 0
1回答
我正在尝试将Reddit按钮添加到我的网站，但它们不是异步的，而且Reddit往往会滞后，从而降低页面加载速度。当我查看脚本返回的内容时，得到的结果如下所示：
(function () {
var write_string = ...
document.write(write_string);
})()
我尝试在页面加载后将其注入我的页面。在页面加载后，我在javascript中尝试了这两种方法，但都没有用：
placeholder.innerHTML = '<script type="text/javascript" src="http:
浏览 0提问于2012-02-05得票数 2
回答已采纳
2回答
我正在尝试编写一些脚本回退代码，以便如果jQuery和jQuery Validator在CDN中不可用，我将加载一个本地版本。请注意，以下脚本位于一个单独的文件中，以支持内容安全策略(CSP)。
(window.jQuery || document.write('<script src="/js/jquery.js"><\/script>'));
($.validator || document.write('<script src="/js/jquery-validate.js"><\/scri
浏览 7提问于2015-07-05得票数 8
回答已采纳
我们使用的是一个使用ajax和jquery等的We程序(Netsuite)。我希望更改页面上的某些内容，并尝试使用document.ready和window.load来获取加载到页面上的外部脚本。我试着把外部脚本加载到头部和身体里。但内容不是写的。外部文件查找特定的div id，然后为其添加一些代码。它从来不起作用，因为页面本身会动态加载，当页面的其余部分完成时，我正在寻找的div加载。所以window.load等从来不起作用..。
最后，我在加载部分和部分的程序本身，并试图简单地在其中编写外部脚本文件。现在，外部文件中有一个简单的document.write，所以很简单。换句话说，脚本位于页
浏览 2提问于2015-06-05得票数 2
Google优化器将以下代码片段作为其转换代码的一部分。不幸的是，我们使用的CMS会自动将单引号转换为ASCII (& #39;)。我是JS的新手，但我的理解是单引号和双引号基本上是可以互换的。但是，这不是直接的交换，因为脚本中存在双引号。是否可以将此脚本中的单引号替换为双引号？如果是这样，我如何转义URL部分中的现有双引号以保持脚本正常运行？
<script type="text/javascript">
if(typeof(_gat)!='object')document.write('<sc'+'ript
浏览 5提问于2009-10-27得票数 0
回答已采纳
我正在开发一个阻止网站的Chrome扩展，但不使用Chrome内置的阻塞方法。定制的原因，是我需要为每个网站显示一个自定义块页面-相同的模板，并详细说明为什么这个特定的网站被封锁。
在我的content.js文件中，我在一个名为template的变量中存储了一个完整的HTML模板：“这个站点被阻塞了”(因为我不知道从扩展名内的文件加载它，所以我白天是一个Python编码器)。清单包含一个很大的URL列表，因此如果加载了content.js脚本，这个站点应该被阻塞(或者检查用户在本地是否允许使用“允许无论如何”)。如果一个网站被封锁了，我唯一能做的就是：
var template = `<
浏览 0提问于2019-09-05得票数 2
回答已采纳
我想在我的页面中显示一个带有AJAX/jQuery的广告。
剧本：
文件xxxxx.js包含一个document.write ()；
如何集成此脚本并对document.write进行解释。为什么不起作用？
下面是我的测试显示，脚本被执行是因为显示了警报('hello 1')，而不显示包含警报的document.write ('hello 2')；
直接将文件调用到DOM中，好执行"hello 1“和"hello 2”
test.js
alert("hello 1");
document.write('&l
浏览 0提问于2013-06-19得票数 0
我们希望在我们的网站上投放广告，但我们正在与之谈判的广告服务器在为我们提供足够快的广告方面存在问题。
我看到的问题是，我们应该包括一个<script src="http://advertiserurl/myadvertkey"></script>，我们想要在其中显示广告，然后它将下载一个脚本，并使用document.write插入一些html。
问题是，对广告商网站的调用速度很慢，返回的代码会下载另一个文件(广告)，这意味着在我们等待请求得到满足时，渲染页面的速度会变慢。
有没有一种方法可以在页面加载后获取document.write调用的输出并将其写入
浏览 2提问于2009-04-29得票数 2
回答已采纳
1回答
我知道这个答案已经重复了一遍，但是没有人为我工作，我不知道为什么。我有一个div标签，它包含一个脚本标签(从一个网站)，并加载一种框架。该框架通过几个变量显示监视器，比如id (这是最重要的)。因此，我希望每5秒，id更改显示另一个监视器。
问题是，在我的刷新代码中，我使用了load()方法，但在Firefox中，我收到了这样的警告：“忽略了异步加载的外部脚本对document.write()的调用”。在铬中，我得到了这个“未能在‘文档’上执行‘写’：不可能从异步加载的外部脚本写入文档，除非显式打开它。”
这是我的密码：
<script type="text/javascript
浏览 1提问于2016-06-02得票数 0
回答已采纳
考虑一下脚本..
<html>
<head>
<script type="text/javascript">
document.write('TEST');
</script>
</head>
<body>
Some body content ...
</body>
</html>
这可以很好地工作，并且单词‘<body>’被添加到测试中
但是什么时候
<script type="text/javasc
浏览 1提问于2010-07-13得票数 3
回答已采纳
3回答
我用document.write()运行了一些基本的测试用例，它删除了head标签中所有现有的超文本标记语言。只有当我将脚本放在<body>标签中时，才能获得所需的输出。
在正文中成功运行脚本。但是脚本在<head>标签中使用时会产生问题。
<html>
<head>
<title>Output</title>
<script>
function myFunction() {
document.getElementById("demo").innerHTML =
浏览 4提问于2019-06-09得票数 1
1回答
场景
页面调用这个url：http://url.to.script/myScript?ScriptParamsList上可用的远程脚本。让我们假设：
不需要异步执行。
不需要显示输出。
在单击事件按钮上调用脚本。让Handler()成为javascript事件处理程序：
function Handler() { //invoke the remote script }
有几种方法可用于实现Handler()函数：
脚本与img标记
document.write('<script src="http://url.to.script/myS
浏览 1提问于2012-07-18得票数 0
回答已采纳
下面的代码使用了jQuery，我得到了一个“函数未定义”的Javascript错误：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
function log_in
浏览 4提问于2011-03-01得票数 1
回答已采纳
我有以下脚本：
<script type="text/javascript">
$(document).ready(function(){
document.write("<script type=\"text/javascript\" src=\"http://site.com/script.js\"><\/script>");
});
</script>
当我把它放到页面中时，它会重定向到脚本，这是我不想要的。
我想要回显这个javascript文件，在这里插入上面的代
浏览 3提问于2011-11-08得票数 4
回答已采纳
下面的代码等待2秒，然后打印一些hello world。
<!DOCTYPE html>
<html>
<body onload="myTimedFunction()">
<script>
function myTimedFunction() {
setTimeout(function() { document.write("hello world");document.write(" hello world2");runMe();}, 2000);
}
浏览 0提问于2014-12-20得票数 0
首先，有没有办法在JQuery的$(document).ready()方法中使用document.write()？如果有，请给我提示，因为这将解决我的问题。
否则，我有别人的代码，我应该用我的代码来工作。问题是我不能以任何方式修改他的代码。不起作用的部分看起来像这样：
document.write('<script src=\"http://myurl.com/page.aspx?id=1\"></script>');
script标记引用了一个aspx页面，该页面执行了一系列测试，然后输出如下内容：
document.write(
浏览 41提问于2009-04-17得票数 21
回答已采纳
3回答
我知道jQuery会自动解析脚本元素并将它们附加到头部，但是我没有太多的选择。我需要将一个html字符串准确地插入到指定的div中。例如，将<script src='http://.....'></script>转换为<div id="lb"></div>。
问题是这些脚本是从我无法控制的服务器上加载的，并且使用的是document.write()脚本。因此，如果它被附加到头部，将会有严重的问题。无论有没有jQuery，我都能做到这一点？
浏览 0提问于2012-02-16得票数 1
回答已采纳
我有一个外部脚本加载广告。加载的脚本包括对document.write的调用。问题是，这会延迟为站点准备好的文档。我想推迟到医生准备好之后再展示这个。
目前，我刚刚尝试将加载外部内容的函数包装到jquery文档中，但是页面崩溃了。它转到一个全白的屏幕上，只显示广告和一些代码。
显然，这是因为document.write是在页面加载之后运行的。有没有人知道解决这个问题的方法，或者如何延迟外部内容的加载，直到文档准备就绪？
浏览 0提问于2011-03-02得票数 0
我正在编写一个小脚本，用于确定用户是否在IE8或更低版本上。如果是，脚本应该完全清空文档(主体和头)并停止任何进一步的脚本执行。
我曾与document.write()玩过，但只能与window.onload一起工作。但是，我希望它知道浏览器版本(也就是脚本执行时)就立即执行。
示例页面设置：
<html>
<header>
Some CSS
Some meta
...
</head>
<body>
Page content
<script>
if (IE < 8
浏览 0提问于2014-09-09得票数 1
回答已采纳
4回答
我试图写一个简单的脚本，它将查看一个信用等级，并显示相应的文本评级。当我到了第二个over /if语句时，if-else语句就会中断，并且我无法理解为什么超过601的语句只会读到“很差”。
credit = 690;
if (credit <= 600) {
document.write("VERY POOR");
}
else if (credit >= 601 || credit <= 657){
document.write("POOR");
}
else if (credit >= 658 || credit
浏览 6提问于2022-04-01得票数 1
1回答
我有一个创建脚本元素并动态填充源URL的函数。脚本元素的源URL返回包装在document.write()；中的广告(图像和文本)。
当我对script元素进行硬编码时，它工作得很好。当我使用动态创建的函数时，document.write()；不会执行，但它确实存在。
我只是想知道有没有人知道这是什么原因。
提前谢谢。
浏览 1提问于2011-10-15得票数 1
我正在尝试延迟这个广告脚本的执行：
<script type="text/javascript">
var _pop = _pop || [];
_pop.push(['siteId', 809347]);
_pop.push(['minBid', 0.000000]);
_pop.push(['popundersPerIP', 0]);
_pop.push(['delayBetween', 0]);
_pop.push(['default', false])
浏览 1提问于2015-11-01得票数 0
我将一个事件侦听器附加到window对象。然后，在脚本的后面，将使用document.write。(我知道，这是邪恶的。在这件事上我别无选择。)问题是，document.write清除了我的监听器。有没有可能避免这种情况？
这里有一个小提琴演示了这个问题：
浏览 0提问于2011-12-30得票数 4
我有一个jQuery代码，加载到一个包含脚本的HTML中。问题是脚本被打开在一个新的选项卡中，而不是显示在它需要在的div中。
加载联系人的脚本：
$(document).ready(function(){
$('#cont').click(function(event){
event.preventDefault();
$("#content").hide();
$('#home').removeClass("active");
$('#info'
浏览 0提问于2015-12-17得票数 4
回答已采纳
我需要在没有异步的情况下，在页面上的特定位置加载一个外部脚本。换句话说，脚本需要在两秒钟后将它准确地加载到页面HTML中。当我使用下面的代码时，我会得到一个控制台错误：
未能对“文档”执行“写”：除非显式打开，否则不可能从异步加载的外部脚本写入文档。
setTimeout(function(){
$.ajax({
url: 'https://example.com/embed.js',
async: false,
dataType: "script",
});
}, 2000);
如果我的异步设置为
浏览 0提问于2021-05-20得票数 0
1回答
我希望使用.js异步加载一个require.js文件，但我得到的是这样的错误：未能在“文档”上执行“写”：除非显式打开外部脚本，否则不可能从异步加载的外部脚本写入文档。
产生此错误的行位于该文件的最底部：
所以我尝试了一个解决办法：
var head = document.getElementById('head');
var myScript= document.createElement('script');
script1.innerHTML = "...";
head.appendChild(myScript);
这会产生错误：Uncau
浏览 2提问于2015-05-04得票数 1
回答已采纳
在DOM已经完全加载之后，我想创建一个运行包含document.write的第三方脚本的页面。
我的页面不是XHTML。我的问题是document.write正在覆盖我自己的页面。(一旦加载了DOM，它就是这样做的)。
我试图重写document.write函数(以类似于的方式)，但这并不包括document.write包含部分标记的情况。
打破上述代码的一个例子是：
document.write("<"+"div");
document.write(">"+"Done here<"+"/");
浏览 12提问于2009-10-08得票数 17
使用jquery而不是手工将其放在html中的脚本元素似乎会产生非常不同的结果。例如
snaphtml = '<script src="http:\/\/seadragon.com\/embed\/lxe.js?width=auto&height=400px"><\/script>';
$('#content').append(snaphtml);
破坏我的页面布局，但是将脚本元素直接放在页面中很好。
我在网上发布了一个测试用例：
添加silverlight对象后，不应删除/不可见第二个div。
浏览 5提问于2010-01-31得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
