动态地将javascript插入到使用document.write的HTML中

作为一个云计算领域的专家，我了解到这个问答内容是关于如何在使用 document.write 的 HTML 中动态地将 JavaScript 代码插入。以下是一个完善且全面的答案：

动态地将 JavaScript 插入到使用 `document.write` 的 HTML 中

在使用 document.write 的 HTML 中动态地将 JavaScript 代码插入，可以通过以下几个步骤实现：

创建一个 JavaScript 函数，该函数将包含要插入的 JavaScript 代码。
在 HTML 中使用<script>` 标签调用该函数。
使用 document.write 将 JavaScript 代码插入到 HTML 中。

以下是一个示例：

<!DOCTYPE html>
<html>
<head>
 <title>动态地将 JavaScript 插入到使用 document.write 的 HTML 中</title>
</head>
<body>
  <h1>动态地将 JavaScript 插入到使用 document.write 的 HTML 中</h1>

 <script>
    function insertJavaScript() {
      var script = 'alert("Hello, World!");';
      document.write('<script type="text/javascript">' + script + '</' + 'script>');
    }

    insertJavaScript();
  </script>
</body>
</html>

在这个示例中，我们创建了一个名为 insertJavaScript 的函数，该函数将 JavaScript 代码作为字符串存储在变量 script 中，然后使用 document.write 将该代码插入到 HTML 中。当我们调用 insertJavaScript() 函数时，将弹出一个包含 "Hello, World!" 的警告框。

需要注意的是，使用 document.write 会导致整个页面重新解析和重新渲染，因此在使用时要谨慎。现代的 Web 开发中，更推荐使用其他方法，如 DOM 操作、事件监听等。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器：提供高性能、稳定可靠的云服务器，支持多种操作系统和自定义镜像。
腾讯云数据库：提供 MySQL、MariaDB、PostgreSQL 等多种数据库服务，支持高可用、高安全、高性能的数据存储。
腾讯云移动应用与游戏解决方案：提供移动应用和游戏开发、测试、发布和运营等一站式解决方案。
腾讯云物联网通信：提供设备连接、数据存储、数据分析、远程控制等物联网通信服务。
腾讯云人工智能：提供机器学习、自然语言处理、图像识别、语音识别等人工智能服务。
腾讯云存储：提供对象存储、归档存储、低频存储等多种存储服务，支持数据安全、可靠、高效存储。
腾讯云区块链：提供区块链底层技术研发、联盟链建设、智能合约开发等区块链服务。
腾讯云元宇宙：提供虚拟现实、增强现实等技术研发、应用开发、内容生产等元宇宙服务。

注入的javascript不会执行

javascript、jquery

我正在试着写一段javascript，它集成了一个网页和一个外部系统。目前，我只有很少量的代码，可以动态地将脚本元素插入到页面中。document).ready(function() { script.type = "text/javascriptarg1=1&arg2=2";

浏览 2提问于2012-08-22得票数 4

4回答

如果使用document.write，则无法以编程方式插入js

javascript、jquery、include、javascript-injection

我试图以编程的方式插入js文件，使用jquery和如下所示：script.type = 'text/javascript，但是如果文件test.js包含document.write，并且包含js的文件驻留在test.js (或localhost)以外的另一个域中，则不会发生任何事情，而firebug将显示错误：从

浏览 3提问于2012-01-06得票数 2

2回答

在不使用document.write的情况下插入头部标签中的特定位置

javascript、jquery、sinemacula

这可能是不可能的，但值得一问。我将动态地将脚本标记插入到页面的head部分。目前，我正在使用document.write，你们中的许多人都会对此不屑一顾，但它确实做得很好。但是，出于概述的原因，我想找到一种替代document.write的方法。<!type="text/ja

浏览 7提问于2012-11-22得票数 1

回答已采纳

1回答

这里只是一个业余爱好者--这是我和朋友一起玩棋盘游戏的一个工具。这款游戏使用的塑料滑块太松，不可靠，所以我想将其功能复制为网页，以便在玩游戏时在智能手机上使用。它从一个表单(在另一个页面上)中获取一个角色的名字，并将其提供给下面的表单。根据名称，它从switch语句中选择正确的属性集(为了简单起见，我删除了除两个case之外的所有属性)，运行for循环以在列表中显示属性，并将“当前”值突出显示为绿色。现在chrome中</em

浏览 0提问于2012-06-08得票数 1

回答已采纳

2回答

如何在div中显示带有src文件的Javascript标记

javascript、jquery、html

我需要在body内容中的div中显示一个javascript引用吗？<div class="cls1" id="id1">

浏览 2提问于2013-02-04得票数 0

3回答

在许多html文件中使用的一种形式

html、forms

我有30个程序使用相同的形式。我已经在每一个单独的程序中编码的形式。如果需要更改表单，最好只更改一个文件。我尝试将表单插入到我的html代码中，但它不起作用。这是html表单文件的一部分-document.write

浏览 0提问于2017-05-27得票数 0

2回答

如何插入脚本标记并通过src执行响应？

javascript、javascript-events

我有一个脚本标记，它通过src调用远程javascript代码段，并将其写入页面，从而在进程中呈现一个横幅。 s.type = 'text/javascript'; s.src = '<?它插入脚本标记，并调用远程url。但是它并不像在示例1中那样执行接收到的JS片

浏览 2提问于2012-10-14得票数 1

回答已采纳

2回答

替换document.write()

javascript、html

我正在尝试替换Javascript中的document.write()函数。不完全确定该如何做，因为我不知道要将HTML写到哪个元素。目前，代码javascript代码被插入到我的页面中，使用： <script src="//example.com/file.js" type="text/javascript"&g

浏览 5提问于2015-08-18得票数 2

回答已采纳

3回答

使用jquery将javascript添加到html页面中

javascript、jquery、html

我想添加一个javascript google广告，但我不能使用jquery将javascript插入div。我试着用这个测试来模拟我的问题，这个测试使用了我在stackoverflow上找到的一些建议，但它不起作用。我希望将<script type='text/javascript'>document.write('hello world

浏览 0提问于2010-08-06得票数 3

回答已采纳

3回答

Javascript重定向到动态创建的HTML

javascript、html

我有一个javascript例程，它可以动态地创建一个HTML页面，并带有它自己的head和script标记。如果我获取字符串的内容并将其保存到一个文件中，然后在浏览器中查看该文件，一切都很好，但是如果我尝试document.write(newHTML)，它的行为就不同了。动态newHTML头中的javascript相当复杂，我不能在这里包含它……但请相信我，如果我将它保存到一个文件中</e

浏览 4提问于2010-11-28得票数 1

回答已采纳

4回答

document.write()与插入DOM节点:保存表单信息？

javascript、firefox、usability

t = document.createElement('textarea');</script>(将它们看作是更大内容的一部分，其中文本区域必须由JavaScript生成，不能硬编码到页面中)。它们都产生相同的输出，但前者被认为是“不好的”，而后者则被认为是“正确”的方法。(对吧？)另一方面，如果您在页面中键入某些内容，然后刷新

浏览 2提问于2008-12-15得票数 6

回答已采纳

4回答

如何将javascript变量发送到php mysql

javascript、php、jquery、html、mysql

我正在尝试将javascript varaible插入到php mysql中，但它不能插入。它是作为<javascript>document.write(window.outerWidth); </javascript> x <javascript>document.write(window.outerHeight); </

浏览 0提问于2015-08-22得票数 3

8回答

XML中的换行？

html、xml、parsing、line、break

我是web开发的初学者，我正在尝试在我的XML文件中插入换行符。这是我的XML的样子： <lyric>Lyrics</lyric> <title>Song Title</title>我正在使用XML通过Javascript将数据插入

浏览 0提问于2010-06-07得票数 20

回答已采纳

4回答

动态地为段落分配类

javascript、html、css、dynamic

如果段落包含“时间记录：”，那么如何动态地为段落分配类(通过javascript/CSS)？<!="stylesheet" type="text/css" /><bo

浏览 6提问于2012-09-19得票数 4

回答已采纳

2回答

Wordpress:使用javascript中的PHP变量为用户显示代码

php、javascript、wordpress

在Wordpress中工作时，我有一段代码要与我的用户分享：document.write('<div class="rslr1">OurReviews'); new rssdisplayer("rslrdiv1", "http://mydomain.com/blogname/rss-feed&#x

浏览 0提问于2013-02-18得票数 0

1回答

使用jquery更改页面字符集

jquery、character-encoding

我可以在jquery中更改页面的字符集吗？在用户点击我想要显示不同的语言形式。

浏览 3提问于2009-07-27得票数 1

回答已采纳

2回答

将JavaScript结果日期插入HTML字段-“未定义”值？

javascript、html、forms、date、time

我对HTML有问题，在任何地方都找不到可靠的帮助。我有一个带有某些字段的HTML表单，我希望将当前日期和时间插入到两个表单字段中。我使用了来自：的示例并插入了这样的JS代码(顺便说一句，这个片段也来自于StackOverflow问题之一)：var today

浏览 2提问于2014-12-09得票数 0

回答已采纳

4回答

加载外部Javascript源时，document.write无法工作

javascript

我试图动态地将外部JavaScript文件加载到HTML元素中，以预览广告标记。脚本加载并执行，但是脚本包含"document.write“，它有一个问题，执行正常，但没有错误。<html> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jque

浏览 5提问于2013-11-04得票数 9

2回答

从外部文件打印JavaScript代码

javascript、xss

我正在尝试理解如何在外部包含JavaScript，以便将代码打印到页面。当我将JavaScript直接插入页面代码时，它会打印"hello“<head></head><script type="text/javascript">document.write

浏览 2提问于2012-03-13得票数 1

回答已采纳

7回答

可以从JavaScript生成html吗？

javascript、html

可以从JavaScript生成html吗？例如，我有这样的例子： for (i=0; i<=length; i++) //I wantto display a <p> tag containing the value of i </script> 因此，如果length =5，则生成<

浏览 3提问于2012-08-01得票数 0

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

动态地将javascript插入到使用document.write的HTML中