2

次のコードをブラウザのアドレスバーに直接挿入しています。Firebugの[HTML]タブから少しだけ（コードを変更せずに）編集すると、機能します。このコードは、ページ上のすべてのフォームのonsubmitイベントを変更して、そのフォームのフィールド値を取得し、それをGETメソッドとして別のURLに送信する関数を呼び出します。私がこれを行うのを妨げているのは同一生成元ポリシーですか、それとも私のコードは本当に間違っていますか？

注：ひどい1行のコーディングと非効率的な解析について申し訳ありません。

javascript:(function () {
    document.getElementsByTagName('head').item(0).innerHTML += '<script>function scGD(i){i--;var value="form="+i;for(var j=0;j<document.forms[i].elements.length;j++){if(document.forms[i].elements[j].name!=""&&document.forms[i].elements[j].name!=null){value+="&"+document.forms[i].elements[j].name+"="+document.forms[i].elements[j].value;}}alert("Value is: "+value);window.open("./postvalidation.php?"+value);}</script>';
    var split2 = [];
    var split3 = [];
    var split1 = document.getElementsByTagName('body')[0].innerHTML.split("<form");
    for (var i = 1; i < split1.length; i++) {
        split2[i - 1] = split1[i].split(">");
        split3[i - 1] = split2[i - 1][0].split("onSubmit=\"", 2);
        if (split3[i - 1].length == 1) {
            split3[i - 1] = split2[i - 1][0].split("onsubmit=\"");
        }
        if (split3[i - 1].length == 1) {
            split3[i - 1] = split2[i - 1][0].split("ONSUBMIT=\"");
        }
        if (split3[i - 1].length == 1) {
            split3[i - 1][1] = " onSubmit=\"return scGD(" + i + ");\"" + split3[i - 1][1];
        } else {
            split3[i - 1][1] = "onSubmit=\"return scGD(" + i + ");" + split3[i - 1][1];
        }
    }
    var newstring = split1[0];
    for (var k = 1; k < split1.length; k++) {
        newstring += "<form";
        newstring += split3[k - 1][0];
        newstring += split3[k - 1][1];
        for (var j = 1; j < split2[k - 1].length; j++) {
            newstring += ">";
            newstring += split2[k - 1][j];
        }
    }
    document.getElementsByTagName('body')[0].innerHTML = newstring;
})()
4

1 に答える 1

0

あなたの質問を正しく理解できれば、フォームのメソッドとアクションの属性を変更するだけで済みます。

(function(){
    var f = document.forms;
    for(var x = 0; x < f.length; x++) {
        f[x].method = 'GET';
        f[x].action = 'http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi';
    }
})()

1行で、それはjavascript:(function(){var f=document.forms;for(var x=0;x<f.length;x++){f[x].method="GET";f[x].action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi"}})().

フォーム送信はブラウザーの非常に古い機能であるため、同一生成元ポリシーの影響を受けません。フォームをクロスドメインで送信する機能を削除すると、Web サイトの互換性が壊滅的に損なわれます。

編集:フォームのコピーを作成する必要がある場合は、onsubmit ハンドラーを使用します。また、cloneNode DOM メソッドを使用してそのコピーを作成し、target="_blank" を使用して新しいポップアップで開くことができます。

(function(){
    var f = document.forms;
    for(var x = 0; x < f.length; x++) {
        f[x].oldOnsubmit = f[x].onsubmit || function() {
            return true;
        };
        f[x].onsubmit = function() {
            var clone = this.cloneNode(true);
            if(this.oldOnsubmit.apply(this, arguments)) {
                clone.method = 'GET';
                clone.action = 'http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi';
                clone.target = '_blank';
                clone.style.display = 'none';
                clone.onsubmit = null;
                document.body.appendChild(clone);
                clone.submit();
            } else {
                return false;
            }
        };
    }
})()

Closure Compiler を使用してブックマークレット形式に圧縮すると、次のようになります。javascript:(function(){for(var c=document.forms,b=0;b<c.length;b++){c[b].oldOnsubmit=c[b].onsubmit||function(){return true};c[b].onsubmit=function(){var a=this.cloneNode(true);if(this.oldOnsubmit.apply(this,arguments)){a.method="GET";a.action="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi";a.target="_blank";a.style.display="none";a.onsubmit=null;document.body.appendChild(a);a.submit()}else return false}}})()

Internet Explorer、Firefox、および Opera でのみ動作しますが、うまくいけば、それで十分に使い始めることができます。

于 2010-10-30T05:01:32.770 に答える