如何鏈接兩個HTML頁面

Question

所以我正在聊天應用程序，我想添加表情。所以我使用了兩個html頁面。第一個包含文本區域，當我們賴特的消息和一個引用第二個html頁面的iframe。

<div class="col-12"> 
    <textarea class="col-12 row-12 var_MessageInput" id="textmsg" placeholder="Write a reply..."></textarea> 
</div> 

在第二html頁面

我有笑臉圖片

<img src="../../../images/sad_smile.gif" onclick="insertSmiley('sad');"/> 
<img src="../../../images/angel_smile.gif" onclick="insertSmiley('angel');"/> 
<img src="../../../images/happy_smile.gif" onclick="insetSmiley('happy');" /> 

所以我想這是一個文本得到了插在我的文字區域，當我點擊一個笑臉圖片，因此我用下面的腳本

function insertSmiley(smiley) { 
    var currentText = document.getElementById("textmsg"); 
    var smileyWithPadding = " " + smiley + " "; 
    currentText.value += smileyWithPadding; 
    currentText.focus(); 
} 

但它好好嘗試工作:(我想這個問題可能是因爲的document.getElementById這是另一個HTML網頁，但我不知道如何解決它。 非常感謝

Answer 1

1. 你有沒有包含在iframe中<script src="Scripts_Chatapp/emoticone.js"></script>嗎？如果是，請從iFrame中刪除腳本引用。

2. 將頁腳頂部的腳本引用<script src="Scripts_Chatapp/emoticone.js"></script>與其他腳本標記一起移動。

3. 將onclick="insertSmiley('sad');"更改爲onclick="parent.insertSmiley('sad');"。

這將調用父函數並在該頁面上進行更改，因爲父元素上存在元素。

Answer 2

您在onclick="insetSmiley('happy');"中有一個錯字，應該是onclick="insertSmiley('happy');"。我檢查了它，它適用於我。

Answer 3

在您的JS代碼，使用方法：

window.location = "second_HTML_Page.html" ;