如何从document.write内部的脚本访问document.body
从document.write内部的脚本访问document.body可以通过以下步骤实现：
- 首先，确保在document.write内部的脚本执行之前，文档的body元素已经完全加载和解析。可以通过将脚本放置在文档的底部或使用DOMContentLoaded事件来确保这一点。
- 在document.write内部的脚本中，可以使用document对象来访问文档的各个部分，包括body元素。可以使用document.body属性来获取对body元素的引用。
- 一旦获取了对body元素的引用，就可以使用它来进行各种操作，例如修改其内容、添加或删除子元素等。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>访问document.body示例</title>
</head>
<body>
<script>
// 确保文档加载完成后执行脚本
document.addEventListener('DOMContentLoaded', function() {
// 获取对body元素的引用
var body = document.body;
// 在控制台输出body元素的内容
console.log(body.innerHTML);
// 修改body元素的内容
body.innerHTML = 'Hello, World!';
});
</script>
</body>
</html>在上述示例中，我们通过将脚本放置在DOMContentLoaded事件处理程序中，确保了脚本在文档加载完成后执行。然后，我们使用document.body属性获取对body元素的引用，并在控制台输出其内容。最后，我们修改了body元素的内容，将其替换为"Hello, World!"。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析、移动测试）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time Rendering Engine）：https://cloud.tencent.com/product/tencent-rtr 请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
与Response.Write()类似的是它们在类型脚本中的任何等价语法
我正在调用web api，从typescript返回内容作为文件附件的httpResponse消息，我只是不想通过typescript在浏览器中打开该附件文件
Public DownloadFile()
{
var content = //Web API result
//Neeed to render this above content in browser
}
浏览 0提问于2016-10-28得票数 1
2回答
我想通过Javascript产生按钮，也可以做表单功能。这就是我是如何做的，但当我点击时，我的表单函数不起作用。在这件事上请帮帮我。
外部Javascript
var onef
onef="Apple"
var twof
twof="Orange"
这就是我在HTML页面中做的事情
<script>
document.write("<button>")
document.write(onef)
onClick=("this.form.T4.
浏览 0提问于2013-03-22得票数 0
3回答
我使用以下jQuery (1.4)代码来测试cookies是否被接受：
$.get("http://localhost:8080/cookietester/cookietester", function(data) {
if (data == "false")
document.write("Activate cookies!");
else if(data == "true")
document.write("ok");
});
但是浏览器发出信号，表示它不会停止页
浏览 2提问于2010-07-23得票数 2
回答已采纳
我正在编写一个小脚本，用于确定用户是否在IE8或更低版本上。如果是，脚本应该完全清空文档(主体和头)并停止任何进一步的脚本执行。
我曾与document.write()玩过，但只能与window.onload一起工作。但是，我希望它知道浏览器版本(也就是脚本执行时)就立即执行。
示例页面设置：
<html>
<header>
Some CSS
Some meta
...
</head>
<body>
Page content
<script>
if (IE < 8
浏览 0提问于2014-09-09得票数 1
回答已采纳
我没能在document.write上看到document.body。这是代码：
<script>
var observeDOM = (function(){
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
eventListenerSupported = window.addEventListener;
return function(obj, callback){
if( MutationObserver ){
浏览 3提问于2016-05-09得票数 3
回答已采纳
1回答
我从来没有在网站上实现谷歌广告，所以如果我是不正确的‘行话’，请随时纠正我。
我的工作是在一个网站，有一个登陆页面，为他们的谷歌AdWord活动之一。在这个页面上有一个表单，在处理它时，会带您到另一个页面说‘谢谢您的请求……’。我已经删除了它，并用PHP和Javascript重写了它，以防止页面刷新或重定向。
我遇到的问题是，在“谢谢”页面上，Google代码略有不同，并在加载页面时执行。我的问题是，如何在不重新加载页面的情况下，用不同的变量重新执行转换代码？有谷歌的脚本吗？
将移除脚本标记，然后再次重新执行脚本？。
这是我目前拥有的代码(在提交表单之前)：
<!-- Google Co
浏览 3提问于2012-04-05得票数 2
回答已采纳
2回答
因此，我有一个脚本，它生成一个十六进制代码，并更改背景。这是密码
$(document).ready(function() {
$(document).keydown(function(e) {
if (e.keyCode == '32') {
var color = "#" + Math.random().toString(16).slice(2, 8);
document.write(color);
document.body.style.backgroundColor = color;
}
});
})
浏览 2提问于2014-06-13得票数 1
回答已采纳
2回答
假设我有一个名为html的字符串，其中包含以下内容：
<script>
document.write("Some random stuff here");
</script>
<script src="someremotejsfile"></script>
我想动态地在iframe窗口中显示这一点。
我最初的解决办法是：
document.open();
document.write(html);
document.close();
但是这会在firefox中产生问题，在firefox中，旋转器一直在旋转
浏览 4提问于2013-08-19得票数 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
我试着以一种模式观看视频onClick，而不必自己访问视频页面。
我正在使用Vue.js，通过一系列的Ajax调用，我能够获得大部分的方法。
Codpen：
如果你点击顶部的"vs Suns“，你会得到所有视频帖子的列表。然后单击任何图像，模态组件就会弹出并动态地接受帖子的标题。
我也想在里面运行一个视频，所以我试着运行这个脚本标记：
< script class="_nbaVideoPlayerScout" data-team="warriors" data-videoId="/video/{{unique videoId from p
浏览 0提问于2018-04-10得票数 3
回答已采纳
我有一个动态添加到页面的javascript文件。如果我使用document.write，它工作得很好：
<html>
<head></head>
<body>
<script type="text/javascript">
var src = 'myDynamicScript.js';
document.write('<scr' + 'ipt type="text/javascript" src="&
浏览 6提问于2011-09-30得票数 3
回答已采纳
2回答
文档就绪错误
、、
我试图运行这段代码，但它破坏了我的整个页面。页面的标记方式如下：
<script type="text/javascript">
$(document).ready(function() {
$("#right_column h1").each( function() {
var link = $(this).html()+"<br />";
document.write(link);
});
});
</script>
<div id="right_column"&
浏览 0提问于2013-04-18得票数 1
回答已采纳
让html打印javascript函数返回值的首选语法是什么？
function produceMessage(){
var msg= 'Hello<br />';
return msg;
}
编辑:呀，太多的答案没有我澄清我的意思。我知道如何通过script标签来实现它。但是，假设我想将消息设置为红色。我是否可以像这样将脚本标记包含在css中？
<div style="color:red><script>document.write(produceMessage())</script></div&g
浏览 4提问于2011-08-05得票数 17
回答已采纳
我想插入一些javascript代码
这应该在<body>运行中的其他javascript代码之前运行。
当它们在<body>中操作html时，它们在<body>中。
通常，我会将这个javascript放在一个<script>标记中，就在打开的<body>标记之后。但我不是直接写html。它是由一个程序为我生成的。()。它的API允许在<head>中注入html，但不允许在<body>中注入html。
<head>
<script></script>
浏览 6提问于2016-06-25得票数 0
回答已采纳
我想在我的页面中显示一个带有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
我需要从本地主机读取.json文件，但它不起作用！
该文件的内容如下：
[
{"source":"tw1",
"text":"fubar"},
{"source":"tw2",
"text":"foo"}
]
我使用命令python -m http.server 8888 &设置了本地主机，该命令在中发布。
我写了下面的javascript代码：
<script type="text/javascript" src=&
浏览 0提问于2013-03-29得票数 4
回答已采纳
3回答
我是javascript的新手，我的脚本被设计成以50/50的概率显示一个图像或另一个图像。它在safari中工作，但在firefox中不起作用，这为我正在设计的网站削减了太多的客户。
任何帮助都将不胜感激，特别是如果有人能告诉我如何确保它能在所有浏览器上工作的话。否则，我可以想出如何在firefox或其他类似的组合中让它忽略它。
var randomnumber=Math.floor(Math.random()*2)
if (randomnumber > 0)
{
document.write("<img src="Easter.jpg
浏览 1提问于2010-03-11得票数 0
我要做的是动态地从Javascript中包含一个或多个js文件。我知道这方面有很多技巧，但我正在寻找一种遵循以下规则的解决方案：
1)不使用任何JS框架或库(jQuery、Prototype等)。
2)脚本应该停止执行，直到外部js文件被浏览器完全加载和解析为止。
第二个原因是外部js文件将包含需要在脚本包含后立即使用的函数定义。大多数情况下，在我开始调用js函数之前，浏览器还没有时间解析js文件。
我不介意使用回调来知道脚本何时完成加载，但是：
1)我不知道动态包含多少脚本，所以我不想也不能编写一堆嵌套回调。我只想知道他们什么时候都装好了。
2)我的措辞是，如果浏览器缓存了JavaScrip
浏览 0提问于2010-10-17得票数 5
回答已采纳
我在互联网上做了很多研究，但仍然找不到我的问题的答案。我基本上是尝试执行两个外部java脚本(托管在外部域)，在我的页面完全加载后延迟5-10秒。我已经使用延迟脚本将google地图加载到IFRAME中，它工作得很好，但不知道如何延迟两个外部js文件的加载。请参阅下面url上的图像以进行编码。
任何帮助都将不胜感激。
谢谢。
浏览 1提问于2014-07-27得票数 0
当我运行这个简单的greasemonkey脚本时
alert("hello");
alert(document.location);
document.write("hello");
alert("hello");
只有前两条语句有效，第三条和第四条语句什么也不做。
这里会有什么问题呢？
浏览 0提问于2011-12-17得票数 1
回答已采纳
5回答
我试图为我的客户项目做一个简单的示例预览器。示例列表存储在JSON文件中。但问题是，老实说，我不太熟悉使用JSON或编程本身。我编写了一个简短的测试代码来查看这个JSON文件是否工作正常，但是尽管我可以从firebug控制台访问sampleData变量，但document.write(sampleData.length);行似乎由于某种原因无法访问sampleData。错误显示：
TypeError: sampleData未定义
我怀疑这与可变范围有关，但我不确定。
<script type="text/javascript" src="js/jquery
浏览 8提问于2015-05-10得票数 1
回答已采纳
好吧，我通常尽量不问问题，我已经被困在这个问题上超过20个小时了……这太糟糕了..。
无论如何，我正在尝试创建一个JavaScript来检测浏览器的分辨率，并根据浏览器的分辨率通过一个比较语句为页面重新加载选择最合适的CSS。我知道它更容易使用百分比，但对于这个项目所包含的内容，这是不能做到的。所以我卡在写一些基本的东西，似乎找不到一些迟钝的原因的错误…
在比较语句的要点之前，一切都很顺利。
下面是脚本：
</head>
<script type="text/javascript">
function smallTest() {
var myWid
浏览 2提问于2011-05-21得票数 2
我处于需要动态添加广告脚本标记的情况下。
广告本身只是一个简单的脚本标记，带有指向广告服务器的src属性。然后运行的实际代码是两个步骤的磨难：
首先，有一个document.write()，如下所示：
document.write("<iframe id='lctopti2017041855' src='about:blank' style='visibility: hidden;' onload=\"this.style.visibility='visible';\" style='bord
浏览 0提问于2012-12-08得票数 10
回答已采纳
在我的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
回答已采纳
我控制着这两个领域，可以制定任何必要的政策。iframe中的域使用了几乎相同的库，如果可能的话，我希望将它们从父库中提取出来。
说得很清楚，我不是在问如何提出跨域请求。当父域位于另一个域中时，我想知道如何从iframe的父域获取脚本。
我在这里得到了一个权限错误(在这里尝试jQuery，但对我的其他库也一样)：
if (typeof(jQuery) == "undefined") {
var iframebody = document.getElementsByTagName("body")[0];
var jQuery = function (sele
浏览 2提问于2017-06-05得票数 0
HTML是否保证在执行脚本的内容之前出现在<script>标记之前的DOM元素(并且可以由该脚本操作)？
这在我测试过的所有浏览器中都有效，但我不确定它是否合法：
<main hidden>Hello, world</main>
<script type="text/javascript">
document.querySelector('main').hidden = false; // no error thrown
</script>
我知道脚本，除非它有async或defer属性。
但是，
浏览 1提问于2022-04-28得票数 1
在这段代码中，函数sayHi()不使用样式编写文本。为什么？如何将CSS类应用于函数中的document.write？
.class1 {
color: red;
font-size: 400%;
}
<script language="javascript" type="text/javascript">
document.write("<h1 class=class1>Hello World</h1>");
function sayHi() {
document.write(&
浏览 0提问于2018-05-16得票数 2
回答已采纳
我有一个JS脚本，它将.append()另一个脚本到body，它附加的内容如下所示：
<script type=\"text\/javascript\" src=\"https:\/\/website\/creative\/camref:[ref]\/creativeref:[ref]\"><\/script>
在这个脚本中，它包含document.write()，而我不能修改这个文件。
它不会将脚本中的内容写到网站上，我如何解决这个问题？异步是否有效(我知道异步承诺)？
浏览 3提问于2016-06-28得票数 1
我已经为此挣扎了太多小时，希望你们能指出我是否做错了什么。
我有一个使用php从JSON feed加载视频的wordpress页面，但它加载速度太慢，我不喜欢，我想在使用jquery加载页面后运行php脚本。
我测试了它几次，当我在空白页面上测试时，它可以正常工作，但当我试图将它加载到wordpress模板中时，它却奇怪地重定向。
所以，下面是我用来加载的基本jquery：
<script type="text/javascript">
$(document).ready( fun
浏览 1提问于2012-10-30得票数 1
1回答
我正在尝试使用带有jqMobi的actionsheet插件，overlay面板加载，html被添加到DOM中，但是动画没有运行，我实际上看不到actionsheet。
我已经包含了javascript文件和样式表的脚本和链接标记，并确认浏览器正在加载这两个文件。
当我从api文档中运行代码时，只显示了覆盖：
$.ui.actionsheet("<a href='javascript:;' class='button'>Settings</a> <a href='javascript:;' class='
浏览 3提问于2012-09-21得票数 0
document和document.body到底有什么区别？
例如，我有以下代码：
document.addEventListener('click',function(){
document.write('You click me!')
})
<div>Click anywhere</div>
如果我使用document.body而不是document，会有什么不同？
document和document.body到底有什么区别呢？
我试着在网上搜索，但找不到任何有用的信息。
谢谢你的回应！
浏览 3提问于2021-12-25得票数 3
在DOM已经完全加载之后，我想创建一个运行包含document.write的第三方脚本的页面。
我的页面不是XHTML。我的问题是document.write正在覆盖我自己的页面。(一旦加载了DOM，它就是这样做的)。
我试图重写document.write函数(以类似于的方式)，但这并不包括document.write包含部分标记的情况。
打破上述代码的一个例子是：
document.write("<"+"div");
document.write(">"+"Done here<"+"/");
浏览 12提问于2009-10-08得票数 17
在异步get请求之后，我很难将下面的HTML写入页面。HTML是由第三方图表服务提供的，所以除了在$.get()之后得到响应之外，我不能自己修改它。
不久前，我问了以下问题：。答案是：
“页面完全呈现后的document.write.将创建一个新文档”
因此，我是否可以将document.writeln()函数替换为jQuery函数，该函数将在DOM中包含HTML？如果是的话，我需要做什么呢？
这是一个寻找和替换的案例吗？或者它会起作用吗？还有别的办法来解决这个问题吗？
<!-- Chart by Corda Enterprise Server (PopChart, Highwire)
浏览 2提问于2010-11-18得票数 1
3回答
提前感谢您的帮助！
我是javascript的新手，但我有相当强的java背景，所以我想我应该在我正在做的这个项目中尝试一下。
从本质上讲，我要做的是从xml文件中读取数据，并为我正在制作的页面创建html代码。我使用了w3schools found 中的脚本。我修改了它，让它从我自己的xml中提取数据，甚至生成我需要的更基本的html代码。
这是我在所有测试/构建中使用的页面：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
浏览 1提问于2012-09-17得票数 2
我正在学习DOM，我有以下代码：
<html>
<body>
Select your language:
<select>
<script>
document.write("<OPTION value=1>"+document.location.href.substring(document.location.href.indexOf("default=")+8)+"</OPTION>");
documen
浏览 0提问于2019-03-25得票数 5
回答已采纳
1回答
将脚本引用为HTML元素
、、、、
如何使用纯javascript从脚本内部将脚本本身称为HTML DOM的元素？
这样做的目的是相对于脚本操作HTML的其他元素。有点像<script>this.previousSibling ... this.nextSibling ... </script>。
浏览 2提问于2015-01-30得票数 2
我正在试验写方法& onload事件。这是我的代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body onload="document.write('body loaded!')">
<h1>Hello World!</h1>
<img onload="document.write('img loadeld!')" src="smi
浏览 5提问于2012-09-11得票数 5
1回答
最近，我为简单的JavaScript事件创建了一个简单的函数，它不需要addEventListener的所有功能。一切都很好，直到我需要跟踪事件(在之外)。虽然window.event似乎适用于IE和Chrome，但火狐和其他浏览器并没有实现它。在下面的例子中，我试图找出如何获得相同的结果。
当前，此示例适用于返回事件对象的"Test 2“。我们如何修复addEvent函数以支持相同的行为？我尝试了各种选择而没有任何运气..。
function addEvent (type, object, callback) {
if (typeof object[type] != '
浏览 3提问于2015-12-29得票数 1
回答已采纳
我创建了一个自定义事件，并在我的主页面脚本中分派它，其中包括一个Vue组件。如何从Vue组件内部侦听该事件？
main.blade.php：
<body>
<insert-block></insert-block>
<script>
const insert_block_event = new CustomEvent('insert_block', { detail: 'some detail goes here' });
document.body.dispatchEvent(
浏览 3提问于2020-10-11得票数 0
回答已采纳
我使用document.write来获取一个图像数组，并希望通过遍历这个数组向每个映像添加一个onclick事件处理程序。我很难找到在这个JavaScript代码中插入引号的位置：
for (index = 0; index < buildings.length; index++) {
document.write(
"<img onclick='" + setPhoto() +
"' id='" + images[index].id +
"' s
浏览 1提问于2015-10-06得票数 0
回答已采纳
将以下内容保存到文件中(例如，file.htm)，并且它可以打印出"3“。但是如果我取消对行'document.write("Hello：");‘的注释，它就不再起作用了(打印出"0")。有人知道为什么吗？
<html>
<head>
<script language="JavaScript" type="text/javascript">
function display() {
//document.write("Hello: ");
docu
浏览 2提问于2010-02-18得票数 1
回答已采纳
我想知道如何克隆完整的jQuery对象。我尝试过使用_.clone()、_.cloneDeep() (下划线或下划线)，但它不仅仅是一个对象，它还是一个函数。
这样做的目的是通过提供我的库的副本而不是引用来向使用我的库的客户提供jQuery，因为我不希望他们弄乱我自己的jQuery (库是沙箱的)，这样他们就不必注入另一个脚本，而只需调用我提供的函数之一来获得他们可以使用的jQuery。
浏览 0提问于2015-07-30得票数 0
下面是我正在编写的脚本，它将指示Firefox的功能检测我创建了一个Json列表，我想调用每个Json列表来检查脚本是否未定义，但它是否不起作用有人可以帮助我我太累了...！！
<html>
<head>
<script type="text/javascript">
var JsonList =
{
"CheckSet": [
{
"property": "azimuth",
"result": 0
浏览 0提问于2010-10-07得票数 0
回答已采纳
// ==UserScript==
// @name Button
// @run-at document-start
// @include *
// @grant none
// @noframes
// @version 0.0.1
// ==/UserScript==
(function () {
var button = document.createElement("Button")
button.innerHTML = "Title"
button.style = "top:0p
浏览 9提问于2022-08-22得票数 0
我正在尝试加载两个带有$.getScript函数的脚本，即获取Google脚本，然后加载该脚本之后，我得到另一个脚本()，它使地图小程序易于制作。
但是，加载后，获取Google的第一个脚本是好的，然后第二个脚本返回一个解析错误并显示如下：
TypeError：“未定义”不是构造函数
然而，我不知道它是从哪里引用的，也不知道是从哪一行引用的，我认为它一定是在这个文件上执行地理编码器(在(function($){之后的第一行)
这是我的代码：
$.getScript('http://maps.google.com/maps/api/js?sensor=true').do
浏览 4提问于2012-02-18得票数 5
回答已采纳
我正在尝试获取一个复杂网页的截图。我设法找到的唯一合理的解决方案是html2canvas，但它不能完全呈现页面。
这是真正的截图：
这是html2canvas的输出：
html2canvas(document.body, {
allowTaint: true,
width: window.innerWidth,
height: window.innerHeight,
scrollX: window.pageXOffset,
scrollY: window.pageYOffset,
x: window.pageXOffset,
y: window.pageYO
浏览 0提问于2019-03-27得票数 0
下面的代码部分中有10名学生组成的数组。我想把它表现为
阿兰
阿伦
Aarez ...up到10
但是我不能用循环来实现这一点，因为索引从0开始，但是如果我从1开始，它就跳过了名字。
下面是我的代码：
var stu = ["Aaran", "Aaren", "Aarez", "Aarman", "Aaron", "Aaron-James", "Aarron", "Aaryan", "Aaryn", "Aayan"
浏览 6提问于2020-10-13得票数 0
我希望脚本执行函数fun1和嵌套函数fun2，以显示变量x的值以及x和y的和。
function fun1 (){
var x = 10;
document.write(x+"<br/>");
function fun2 (){
var y = 20;
document.write(x+y);
}
}
fun1();
浏览 13提问于2020-05-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
