1

Pinterestと同じように、新しいピン留めボタンを作成しようとしています。そのブックマークにコンテンツが表示されています。

javascript:void(
  (function(){
    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);
    document.body.appendChild(e)
  })()
);

私はJavaScriptを初めて使用するので、新しいJavaScriptを開始する方法がわかりません。どこからコーディングを始めればいいのかさえわかりません。このPinitボタンのバックエンドは制限されていますか？このピン留めボタンがどのように機能するかを誰かが紹介できますか？どうもありがとう。

4

3 に答える 3

2

投稿したコードは、JavaScriptファイルをページのDOMに挿入するだけで、JavaScriptエンジンによって解釈されます。もっと興味があるのは、「Pin It」機能を実装するこのファイルのコードです：http： //assets.pinterest.com/js/pinmarklet.js

しかし、それは縮小され、やや難読化されており、おそらく独自仕様であるため、最初に必要なのは、ブックマークレットの作成方法に関する簡単なチュートリアルです。http: //betterexplained.com/articles/how-to-make-a-あなたのウェブアプリケーションのためのブックマークレット/

次に、「ピン留め」または何かを保存するための非同期要求に応答するために、独自のWebアプリケーションをどのようにコーディングするかを考える必要があります。次の2つのシンプルだが便利なJavaScript変数は、単純な「リンク送信」タイプの機能を使用する場合に役立ちます。

  • document.location.href-ページのURLを取得します
  • document.title-ページのTITLEタグのコンテンツを取得します

ブックマークレットで必要とされるようにコードを1行に圧縮するには、次のツールを使用できます： http ://subsimple.com/bookmarklets/jsbuilder.htm

于 2012-10-16T01:06:50.710 に答える
2

基本的に、そのコードが行うことは<script>、ページにタグを挿入することです。実際の "pin it" コードはpinmarklet.jsファイルにあります。

このような独自の機能を作成するには、コードを再利用して、ソースを独自の JavaScript ファイルに置き換えるだけです。

補足:void(...)関数はとにかく何も返さないため、この部分は冗長です。

于 2012-10-16T00:57:48.307 に答える
1

ボタンに追加する場合は、次の方法があります。

html:

<button id="pintrest">Pin It</button>

そして、あなたはスクリプトを作成します：

var btn = document.getElementById("pintrest");
btn.onclick = function () {
    var e = document.createElement('script');
    e.setAttribute('type', 'text/javascript');
    e.setAttribute('charset', 'UTF-8');
    e.setAttribute('src', 'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999);
    document.body.appendChild(e);
};

ボタンをクリックすると、pintrest コードが実行されます。

于 2012-10-16T00:57:18.000 に答える