gpt4 book ai didi

php - 如何在 javascript 中创建一个按钮,当用户单击该按钮时将打开 iframe?

转载 作者:行者123 更新时间:2023-11-28 03:33:34 25 4
gpt4 key购买 nike

我正在为我网站上的帖子处理评论。如何在 javascript 中创建一个按钮,当用户单击该按钮时将打开带有评论的 iframe 窗口?像 Facebook 这样的东西有他们对帖子的评论。如果有办法用其他语言创建它,我希望你能写出来。我刚刚写了 javascript,因为我听说你可以在 javascript 中做到这一点。如果有更优雅和/或更好的方法,请随意编写。所以在每个帖子下面我会添加一个按钮,当用户点击它时,它应该打开这样的东西:

<iframe src="comment.php?postid=<?php echo $postid; ?>" 
width=600px;
height=500px;>
</iframe>

有没有一种方法可以让 iframe 窗口仅在您单击按钮时加载,而不是与发布帖子的页面同时加载?例如,如果我在一个页面上有 10 个帖子,并且所有 10 个帖子的评论与包含帖子的页面同时加载,这会大大降低页面速度。

您还知道如何根据帖子数量调整 iframe 窗口大小,如果帖子有 1 条评论,窗口大小为 100px,如果帖子有 5 条评论,窗口大小为 500px?

我知道 Facebook 有比这更好的评论,所以如果你知道比我的想法更好的东西,请随时分享。

最佳答案

您的问题的一个简单解决方案是..

    <html>
..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
...
<body>
...
<div class='comments-container'></div>
<a class='show-comments' href='#'>Show Comments</a>
...
<script>
$(".show-comments").click(function(){
$(".comments-container").html('<iframe src="comment.php?postid=<?php echo $postid; ?>"
width=600px;
height=500px;>
</iframe>');
});
</script>
</body>
</html>

或者您可以将所有评论加载到一个 div 元素上,默认情况下隐藏该元素,然后单击按钮后,您可以显示它。该解决方案可能是

<html>
..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
...
<body>
...
<div class='comments-container'>
comment 1: ----
comment 2: -----
</div>
<a class='show-comments' href='#'>Show Comments</a>
...
<script>
$(".show-comments").click(function(){
$(".comments-container").slideDown("slow");
});
</script>
</body>
</html>

关于php - 如何在 javascript 中创建一个按钮,当用户单击该按钮时将打开 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16022089/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com