是否可以在页面加载时仅使用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)
最简单的方法是这样的:
> document.head.innerHTML += '<link rel="stylesheet" type="text/css" href="styles.css" />';
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
44306 次 |
| 最近记录: |