jquery点击div弹出新窗口

最新推荐文章于 2022-12-01 17:25:18 发布

bcbobo21cn

最新推荐文章于 2022-12-01 17:25:18 发布

阅读量1k

点赞数

分类专栏： web前端文章标签： jquery window.open div

本文链接：https://blog.csdn.net/bcbobo21cn/article/details/113438864

版权

web前端专栏收录该内容

150 篇文章 1 订阅

订阅专栏

1.html;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>jquery demo1 </title> 
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
 
<style>
    .divcss1{width:150px;height:50px;border:3px solid #F00} 
</style>
 
<script>
$(document).ready(function(){
$("#div1").click(function(){
    myWindow=window.open('2.html','', 'height=300, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no');
  });
});
</script>
 
</head>
<body>
 
<div class="divcss1" id="div1">

</div>
 
</body>
</html>

2.html;

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title> open </title> 
</head>
<body>

<table border="1">
  <caption>My Moneys</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table>

</body>
</html>

bcbobo21cn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery点击div弹出新窗口

1.html;<!DOCTYPE html><html><head><meta charset="utf-8"> <title>jquery demo1 </title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> .divcss1{width:15..
复制链接

扫一扫