更改元標題標簽並在單擊時在新選項卡中打開鏈接

Question

在向用戶詢問網頁上的問題后，我想在Facebook上共享鏈接。 系統將詢問用戶“您喜歡XYZ”。 然后，我想在頁面底部顯示一個選項以在Facebook上共享。 在Facebook上共享鏈接是

window.open("www.facebook.com/sharer.php?u=window.location.href&t=document.title", "_blank"); 

並替換頁面的元描述應該是這樣的？

('meta[property="og:title"]').replaceWith('<meta property="og:title" content="SHARE THIS">');

但是我似乎無法將它們組合成一個按鈕。

例如，下面的代碼是我嘗試執行的操作，並且它不起作用（絕對沒有任何反應）。

<button>SHARE</button>

<script type='text/javascript'>
$('button').on('click', function() {
    $('meta[property="og:title"]').replaceWith('<meta property="og:title" content={{ result }}>');

    $window.open("www.facebook.com/sharer.php?u=http://localhost/&t=document.title", "_blank"); 
});
</script>

Answer 1

實際上，腳本中存在語法錯誤。 window.open不需要$符號。 因此，只需將您的JS代碼替換為我的JS代碼，如果您在{{ result }} 輸入了正確的URL ，它將起作用。 請遵循以下代碼：：

<script type='text/javascript'>
$('button').on('click', function() {
    $('meta[property="og:title"]').replaceWith('<meta property="og:title" content={{ result }}>');

    window.open("www.facebook.com/sharer.php?u=http://localhost/&t=document.title", "_blank"); 
});
</script>

其他參考：

Window.open語法

但是要小心，如何共享FB share中的任何本地主機URL ，除非並且直到它不在服務器上。