Question

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

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

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

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

Answer 1

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

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

<强> window.open

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

您可以在MDN了解详情！

Answer 2

您可以使用类似此代码的内容。但是，我推荐使用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>

Answer 3

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

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

如何在点击链接时弹出textarea？

3 个答案: