控制来自第三方的 document.write 调用的范围

发布于 2024-09-04 11:01:37 字数 609 浏览 6 评论 0原文

我正在编写一个依赖于外部 javascript 文件（我无法控制）的网页，该文件通过使用 document.write 返回数据。有没有办法动态调用该函数而不覆盖整个文档？这是我能想到的最简洁的代码：

<html>    
<head>
<script type="text/javascript">
    function horriblefunction () {
        document.write("new text");
    }
</script>
</head>

<body>
Starting Text...
<div id="pleasewriteinme"></div>
Other text...
<button onclick="horriblefunction();">Click</button>
</body>
</html>

这个想法是在不改变“horriblefunction()”（因为它是外部的）的情况下，新文本可以放置在 div 中而不是覆盖页面。这是可能的还是在创建页面时必须在 div 内部调用该函数？

谢谢你的帮助

原文

I'm writing a webpage that relies on an external javascript file (that I have no control of), which returns data by using document.write's. Is there any way to dynamically call the function without it overwriting the whole document? Here's the most concise code I can think of:

<html>    
<head>
<script type="text/javascript">
    function horriblefunction () {
        document.write("new text");
    }
</script>
</head>

<body>
Starting Text...
<div id="pleasewriteinme"></div>
Other text...
<button onclick="horriblefunction();">Click</button>
</body>
</html>

The idea beginning that without altering "horriblefunction()" (as it's external) the new text could be placed in the div instead of overwriting the page. Is this possible or does the function have to be called inside the div as the page is created?

Thanks for you help

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

惟欲睡 2024-09-11 11:01:37

页面完成渲染后使用 document.write 的唯一方法是暂时用您自己制作的函数替换该函数，将内容推送到 div 中。例如，

function horriblefunction() { 
    var old_dw = document.write;
    document.write = function(text) { 
        document.getElementById( 'some_div' ).innerHTML = text;
    }

    // now call your external JS function that uses document.write

    document.write = old_dw;
}

只要外部 JS 已经加载并且您只是调用一个函数，这就会起作用。如果您需要加载 JS（例如，通过在 DOM 中插入一个新的

The only way to use document.write after the page has finished rendering is to temporarily replace the function with one of your own making that will shove the content into a div. E.g.

function horriblefunction() { 
    var old_dw = document.write;
    document.write = function(text) { 
        document.getElementById( 'some_div' ).innerHTML = text;
    }

    // now call your external JS function that uses document.write

    document.write = old_dw;
}

This will work as long as the external JS is already loaded and you're just calling a function. If you need to load the JS (say, by inserting a new <script> tag into the DOM) remember that that operation is asynchronous, and you'll need to watch the DOM to know when it's safe to restore the old version of document.write.

回复收藏 0 原文