Javascript 如何用同一脚本生成的HTML内容替换当前脚本标记
我想用相同脚本生成的HTML内容替换当前脚本标记。 也就是说，我的页面是Javascript 如何用同一脚本生成的HTML内容替换当前脚本标记,javascript,html,Javascript,Html,我想用相同脚本生成的HTML内容替换当前脚本标记。 也就是说，我的页面是 <html> <body> <div> <script src="myfile1.js"></script> </div> <div> <script src="myfile1.js"></script> </
<html>
<body>
<div>
<script src="myfile1.js"></script>
</div>
<div>
<script src="myfile1.js"></script>
</div>
</body>
</html>
请帮助我在myfile1.js中尝试一下：
var scripts = document.getElementsByTagName( "script" );
for ( var i = 0; i < scripts.length; ++ i )
{
if ( scripts[i].src == "myfile1.js" )
{
scripts[i].parentNode.innerHTML = "new content";
}
}
document.write("<p>some html generated inline by script</p>");
var scripts=document.getElementsByTagName（“脚本”）；
对于（变量i=0；i <html>
<head>
<!-- I recommend getting this from Google Ajax Libraries
You don't need this, but it makes my answer way shorter -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function getRandomContent(){
// I expect this is the contents of your current script file.
// just package it into a function.
var rnd = Math.random();
return "[SomeHtml]";
}
$('.random').each(idx, el){
$(this).html(getRandomHtmlContent());
});
});
</script>
</head>
<body>
<div class="random">
</div>
<div class="random">
</div>
</body>
</html>
$（文档）.ready（函数（）{
函数getRandomContent（）{
//我希望这是您当前脚本文件的内容。
//把它打包成一个函数。
var rnd=Math.random（）；
返回“[SomeHtml]”；
}
$（'.random'）。每个（idx，el）{
$（this.html（getRandomHtmlContent（））；
});
});
我真的无法想象在构建页面时会有如此严格的限制——当然，如果页面是动态的，您可以为DIV元素生成标识符，或者以更传统的方式加载内容？如果您不介意脚本标记保留在适当的位置，您可以使用像document.write（）这样简单的东西 myfile1.js：
var scripts = document.getElementsByTagName( "script" );
for ( var i = 0; i < scripts.length; ++ i )
{
if ( scripts[i].src == "myfile1.js" )
{
scripts[i].parentNode.innerHTML = "new content";
}
}
document.write("<p>some html generated inline by script</p>");
document.write（“一些由脚本内联生成的html”；
只要看一看对于那些试图实现JSONP小部件的人来说，这是一个很好的问题。其目的是为用户提供尽可能短的代码量 用户更喜欢：
<script type="text/javscript" src="widget.js"></script>
TOP OF DOCUMENT<br />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
// inside of widget.js
document.write('<div id="widget"></div>');
$(document).ready(function() {
$.getJSON('http://test.com?remote_call=1', function(data) {
$('#widget').html(data);
});
});
<br />BOTTOM OF DOCUMENT
文档顶部
//widget.js的内部
文件。写（“”）；
$（文档）.ready（函数（）{
$.getJSON（'http://test.com?remote_call=1，函数（数据）{
$（'#widget'）.html（数据）；
});
});
文档底部
查看：了解在脚本中包含库的正确方法。
文档。自2011年在Firefox上和2013年在Chrome上开始提供currentScript
当前脚本测试
测试开始
document.currentScript.outerHTML=“诸如此类”；
测试结束innerHTMLdocument.write（新内容）新内容