Javascript 关于innerHTML的几个问题
我正在转换一个在巴西创建的老程序员的笑话程序，它类似于但使用的是艺术术语，而不是businnes的胡言乱语 由于程序太旧（geocities年代太旧），它使用了大量document.write，而不是InnerHtml 第一个问题是，在innerHTMLs中放置大量代码是否安全？由于原始程序加载4组数组，其中包含可以组合成伪文章的每一段文本，因此这是一段代码：Javascript 关于innerHTML的几个问题,javascript,iframe,innerhtml,window.open,document.write,Javascript,Iframe,Innerhtml,Window.open,Document.write,我正在转换一个在巴西创建的老程序员的笑话程序，它类似于但使用的是艺术术语，而不是businnes的胡言乱语 由于程序太旧（geocities年代太旧），它使用了大量document.write，而不是InnerHtml 第一个问题是，在innerHTMLs中放置大量代码是否安全？由于原始程序加载4组数组，其中包含可以组合成伪文章的每一段文本，因此这是一段代码： new_window.document.write("<body bgcolor=\"#000000\">"); new_w
new_window.document.write("<body bgcolor=\"#000000\">");
new_window.document.write("<body text=\"#00FF00\">")
new_window.document.write("<p align=\"center\"><b>"+atitle+"</b><hr></p>");
firstshot = 1;
paragraph = 0;
while(lines > 0) {
if (firstshot == 1) {
if (lines % 101 == 0 && lines % 19 == 0) {
new_window.document.write(tab0.chr(1,0)+tab0.chr(0,1)+tab3.chr(0,0)
.....
...
new\u window.document.write（“”）；
新建窗口。文档。写入（“”）
新建窗口。文档。写入（““+atitle+”
”）；
firstshot=1；
段落=0；
而（行数>0）{
if（firstshot==1）{
如果（第%101行==0和第%19行==0）{
新建_window.document.write（tab0.chr（1,0）+tab0.chr（0,1）+tab3.chr（0,0）
.....
...
<body>
<div id="target"></div>
<div id = "myDiv"></div>
<span id = "mySpan"></span>
<br>
<button id="restore">restore</button>
<p> </p>
<form name="form1" method="post" action="">
<input type="submit" name="remove" id="remove" value="remove">
</form>
<p> </p>
</body>
<script type = "text/javascript">
var message =
'<li><a href="../index.html">Home</a></li>'+
'<li><a href="../about">About</a></li>'+
'<li><a href="../contact/index.html">Contact</a></li>'+
'<li><a href="../works/index.html">Works</a></li>'+
' <li><a href="../projects/index.html">Projects</a></li>'+
'<li><a href="../curriculum/index.html">Curriculum</a></li>'
var message2 =
'<div class="content">'+
'<iframe src="/yourpage.html" frameborder="0" width="600" height="650" scrolling="no">'+
'<p>Your browser does not support iframes.</p>'+
'</iframe></div>'
document.getElementById("myDiv").innerHTML = message; // use innerHTML for block and inline HTML elements
document.getElementById("remove").addEventListener("click", function ()
{
document.getElementById("myDiv").innerHTML = message2;
});
document.getElementById("restore").addEventListener("click", function ()
{
document.getElementById("myDiv").innerHTML = message;
});
恢复
var消息=
“”+
“”+
“”+
“”+
“”+
“”
var message2=
''+
''+
“您的浏览器不支持iFrame。”+
''
document.getElementById（“myDiv”）.innerHTML=message；//将innerHTML用于块和内联HTML元素
document.getElementById（“删除”）.addEventListener（“单击”），函数（）
{
document.getElementById（“myDiv”）.innerHTML=message2；
});
document.getElementById（“还原”）.addEventListener（“单击”），函数（）
{
document.getElementById（“myDiv”）.innerHTML=消息；
});
我是非jQuery的完全拥护者，但对您来说，使用jQuery的HTML编辑API可能是一个好主意。可以帮助将一些问题抽象为更可读和可维护的形式。再说一次，vanilla JS真的很棒，如果可以这样做，这是一个很好的学习方式。我不会说它不安全，但它确实很糟糕确实是这样……为什么需要使用JS构建视图，为什么不使用HTML？（
--headeaches；