javascript - `document.write` 在此 js 片段中起什么作用?

标签 javascript html dom browser domdocument

代码如下所示

  var addScript = function(path, server){
    server = server || scriptConfig.server;
    document.write('<script type="text/javascript" src="' + server + path +'"></script>');
  };

  if (scriptConfig.autoLoadDependencies) {
    addScript("/javascripts/webtoolkit.base64.js");
    addScript("/javascripts/swfobject.js");
    addScript("/javascripts/jQuery/jquery-1.3.2.js");
    addScript("/javascripts/jQuery/jquery-ui-1.7.1.custom.min.js");
    addScript("/javascripts/underscore/underscore.js");
    addScript("/javascripts/nglr/Loader.js");
    addScript("/javascripts/nglr/API.js");
    addScript("/javascripts/nglr/Binder.js");
    addScript("/javascripts/nglr/ControlBar.js");
    addScript("/javascripts/nglr/DataStore.js");
    addScript("/javascripts/nglr/Filters.js");
    addScript("/javascripts/nglr/JSON.js");
    addScript("/javascripts/nglr/Model.js");
    addScript("/javascripts/nglr/Parser.js");
    addScript("/javascripts/nglr/Scope.js");
    addScript("/javascripts/nglr/Server.js");
    addScript("/javascripts/nglr/Users.js");
    addScript("/javascripts/nglr/Validators.js");
    addScript("/javascripts/nglr/Widgets.js");
  } else {
    addScript("/ajax/libs/swfobject/2.2/swfobject.js", "http://ajax.googleapis.com");
    addScript("/ajax/libs/jquery/1.3.2/jquery.min.js", "http://ajax.googleapis.com");
    addScript("/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js", "http://ajax.googleapis.com");
  }

MDN document 中所述,

Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open which will clear the document.

document.write 将清除整个文档。如果是这样,第一次调用 addScript 不会清除整个页面吗?这是否意味着它可以加载这些 js 文件,但整个 HTML DOM 将丢失?

据我了解,像这样的代码段如果它会清除整个文档,则似乎没有用......我是对的吗?

有人对此有什么想法吗?

最佳答案

我假设这是在这样的页面中:

<html>
    <head>
        <script>//that stuff</script>
    </head>
....

在这种情况下,文档尚未“关闭”,因为它仍在加载过程中。因此,它不应该清除其余部分。

关于javascript - `document.write` 在此 js 片段中起什么作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28212649/

相关文章:

css - 表中行的灯箱或模态样式效果

PHP 将 POST 变量转发到其他页面

javascript - 单击链接,将我带到页面底部,而不是我调用它的位置

javascript - Jquery基于index()和自定义attr问题的列切换

javascript - Jquery Accordion 类型功能一次只能打开一个元素

javascript - Ajax 呈现的按钮未触发单击事件

Java HTML 对象

javascript - 选择 firstChild 和空白问题

javascript - 如何获取 Google 可视化表以对存在的格式化单元格值进行排序?

javascript - 在 <a> 或 <span> 中使用数据切换 ="tooltip"