在标头标记内插入脚本和链接标记

Chr*_*.P. 17 javascript dom

是否可以在页面加载时仅使用Javascript或DOM(而不是JQuery)插入/生成<Script><Link>标记内部,或者只在其中包含一个标记并从那里执行?并且仍然允许我们调试它并避免重复,如果我们已经添加了一个类似的或在?<Header><Script><Header><Script><Link><Header>

例如:

之前

<Header>
   <script src="Scripts/Generate.js" type="text/javascript"></script>
</Header>
Run Code Online (Sandbox Code Playgroud)

<Header>
   <script src="Scripts/Generate.js" type="text/javascript"></script>
   <script src="Scripts/Script1.js" type="text/javascript"></script>
   <script src="Scripts/Script2.js" type="text/javascript"></script>
   <link href="CSS/Css1.css" rel="stylesheet" type="text/css" />
   <link href="CSS/Css2.css" rel="stylesheet" type="text/css" />
</Header>
Run Code Online (Sandbox Code Playgroud)

任何建议或答案都会对我有所帮助.

Pau*_*per 33

HTML:

<head>
    <script src="Scripts/Generate.js"></script>
</head>
Run Code Online (Sandbox Code Playgroud)

脚本/ Generate.js:

if(!document.getElementById('id1')) {
    var script = document.createElement('script');
    script.id = 'id1';
    script.src = 'Scripts/Script1.js';
    document.head.appendChild(script);
}
if(!document.getElementById('id2')) {
    var link = document.createElement('link');
    link.id = 'id2';
    link.rel = 'stylesheet';
    link.href = 'CSS/Css1.cs';
    document.head.appendChild(link);
}
Run Code Online (Sandbox Code Playgroud)

之后,HTML是:

 <head>
    <script src="Scripts/Generate.js"></script>
    <script id="id1" src="Scripts/Script1.js"></script>
    <link id="id2" rel="stylesheet" href="CSS/Css1.cs">
</head>
Run Code Online (Sandbox Code Playgroud)


hab*_*ani 7

最简单的方法是这样的:

> document.head.innerHTML += '<link rel="stylesheet" type="text/css" href="styles.css" />';
Run Code Online (Sandbox Code Playgroud)