0
<!DOCTYPE html>
<html>
<body>
<form name=myform>
<input type=button value="Try it now" 
onClick="
s=prompt('Enter your first name','Name');
n=prompt('Enter your first name','Name');
document.write('hello'+s +n+' !')">
</form>
</body>
</html> '

上記のコードでは、「hello」を以下のコードに置き換えたいと思います。helloの代わりにこのコードを入れてください:
<div class="hreview"> <span class="item"> Reviewed by <span class="reviewer">john paul</span> Rating: <span class="rating">5</span> </div>

helloの代わりに私が書いたコードをフォーマットせずにコードを表示する必要があります。

4

3 に答える 3

0

次のように引用符をエスケープする必要があります。

document.write("<div class=\"hreview\"> <span class=\"item\"> Reviewed by <span class=\"reviewer\">john paul</span> Rating: <span class=\"rating\">5</span> </div>")

または一重引用符を使用します:

document.write("<div class='hreview'> <span class='item'> Reviewed by <span class='reviewer'>john paul</span> Rating: <span class='rating'>5</span> </div>")
于 2012-06-26T00:31:34.233 に答える
0

ページが読み込まれた後に document.write() を使用することはお勧めしません。DOM の準備中にコンテンツをページに追加するために使用できます。

例えば:

<!DOCTYPE html>
<html>
<body>
<script type="javascript">
 document.write('<h1>Mypage</h1>');
</script>
</body>
</html>

あなたの場合、ページは既に解析されてDOMに変換されているため、DOM を直接変更して、ページの変更を反映する必要があります。

<!DOCTYPE html>
<html>
<head>
    <script>
        function getDetails(){
         var s=prompt('Enter your first name','Name');
         var n=prompt('Enter your first name','Name');
         document.body.innerHTML = ('hello'+s +n+' !');
        }
    </script>
</head>
<body>
<form name=myform>
<input type=button value="Try it now" 
onClick="getDetails()">

</form>
</body>
</html>

DOMトラバーサルについて読むことができます

于 2012-06-26T00:45:29.503 に答える
0

ドキュメントに書き込んでいる更新された html の姓名として変数sと変数を使用しようとしていると思います。それが私がここで行ったことです:n

html:

<form name="myform">
    <input type="button" value="Try it now" onclick="write_message();" />
</form>
<span id="message"></span>

js:

function write_message() {
        var s=prompt('Enter your first name','First name');
        var n=prompt('Enter your last name','Last name');
        document.getElementById('message').innerHTML='<div class="hreview"> <span class="item"> Reviewed by <span class="reviewer">'+s+' '+n+'</span> Rating: <span class="rating">5</span> </div>';
}

また、ヒントとして、html には多くの問題があります。inputs最後にスラッシュを付けて、上記のように適切に閉じる必要があります。値の文字列を含む属性はすべて引用符で囲む必要があり、.html を含むすべての html は小文字onclickです。

于 2014-01-08T04:06:34.143 に答える