我有一个包含 jQuery 播放器的页面。
在地址栏中输入页面 url 后,如何使页面显示在具有设置尺寸的弹出窗口中?
- 警告:示例中播放音乐
这个 javascript 示例应该可以在您想要打开的链接中使用。
<a href="http://www.learningmovabletype.com/about2.php" onclick="window.open('http://www.learningmovabletype.com/about2.php','popup','width=600,height=700,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=50,top=0'); return false">About</a>
示例取自这里。
如果您希望您的弹出窗口从直接访问特定链接自动打开;您可以尝试在加载 html 正文后立即使用 onLoad 运行 java 函数。例如:
<html>
<head>
<script type="text/javascript">
function my_function(){
window.open('http://www.example.com/about2.php','popup','width=600,height=700,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=50,top=0');
}
<script>
<body onLoad='my_function()'>
</body>
</html>
如果您想为每个加载的页面创建一个唯一的弹出窗口,您需要在链接中包含一个参数 例如:mylink.php?popid=123 然后使用 $_GET 获取该值...
<?php
$popid = $_GET['popid'];
?>
然后在你的 java-script 函数中,你可以调用一个特定的链接。
<script type="text/javascript">
function my_function(){
var link = <?php echo $popid; ?>;
window.open('http://www.example.com/player.php?popid=<?php echo $popid; ?> ','popup','width=600,height=700,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=50,top=0');
}
<script>