javascript - 单击链接时如何弹出文本区域？

Question

我想制作一个显示一个或多个段落的弹出窗口。

我的要求是，我有一个“阅读更多”链接。

<a href='#' onclick='read_more()'>Read More</a>

单击此链接时，我想要一个显示详细内容的弹出窗口。我怎样才能做到这一点？

Answer 1

如果您想要一个真正的弹出窗口（不是对话框）：

<script type="text/javascript">
function read_more() {
    window.open('my_page.html');
}
</script>

窗口打开

创建一个新的辅助浏览器窗口并加载引用的资源。

您可以在MDN阅读更多相关信息！

Answer 2

<script type="text/javascript">
function read_more() {
    window.open('myPage.html');
}
</script>

<a href="javascript: read_more()" >Read More</a>

Answer 3

您可以使用类似此代码的内容。但是，我建议使用 JQuery，正如@ericosg 所写

<div id="popup" style="display: none; position: absolute; left: 10; top: 10">
POST YOUR TEXT HERE
</div>

<script type="text/javascript">
function read_more()
{
  var popup = document.getElementById('popup');

  popup.style.display = 'block';
}
</script>