2

私は JavaScript とスタック オーバーフローを初めて使用しますが、これがボタンの onclick 内のコンテンツを別のページに置き換える正しい方法であるかどうか疑問に思っています。私の場合は機能していません。これは私のコードです:

JavaScript:

function newpage(){
    var oldHTML = document.getElementById('cambtn').onclick;
    var newHTML = "window.location='http://curv.info";
    document.getElementById('cambtn').onclick = newHTML;
}

html:

<button name="cambtn" onclick="camera();"><img id="camicon" src="Glitcher-03.png" alt="Camera" width="120" style="position:absolute; left:50px; top:50px;"></button>
<button name="btn" onclick="newpage()"></button>
4

4 に答える 4

1

一般的方法:

JS:

function newPage(){
    document.getElementById("cambtn").onclick=function(){
      window.location.assign("http://curv.info");
    };
}

HTML:

<button id="cambtn">...</button>
<button onclick="newPage();">Go</button>
于 2012-11-22T04:38:45.857 に答える
0

単純な文字列()を使用して要素onclickをHTML属性として設定するonclick="somecode"ことはできますが、JavaScriptを使用して同じことを行うことはできません。代わりに、必要なことを実行する関数を作成し、その関数をonclickプロパティに設定する必要があります。

function f() { somecode }
document.getElementById("someid").onclick = f
于 2012-11-22T04:42:06.103 に答える
0
<button id="cambtn" onclick="camera();"><img ...></button>
<button id="btn">Button</button>

document.getElementById("btn").addEventListener("click", function(){
    document.getElementById("cambtn").onclick = function(){
        location.href = "http://curv.info";
    });
});
于 2012-11-22T04:43:02.380 に答える
0

iframe がオプションの場合、以下のようなことができます:

<html>
<head>
    <title></title>
    <meta charset="UTF-8" />
    <style>
    #page{width:600px;height:400px;margin:0 auto;}
    </style>
    <script type="text/javascript">
    function oldhtml() { 
        document.getElementById("page").innerHTML = "<iframe src'http://www.google.com'></iframe>"  //loads html from another page

        }
   function newhtml() {
    document.getElementById("page").innerHTML = "<div style='width:100px;height:100px;background:black;color:#fff;'>NEW HTML</div>";  //loads static html 
   }
   </script>
</head>
<body>

</body>
    <button id="old" onclick="oldhtml()">Old HTML</button><br><br>
    <button id="new" onclick="newhtml()">NEW HTML</button>
    <div id="page"></div>
</html>
于 2012-11-22T07:01:25.753 に答える