如何链接两个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" ;