demo.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit">
  6. <title>后台</title>
  7. <link rel="stylesheet" href="../layui/css/layui.css">
  8. <link rel="stylesheet" href="../css/common.css">
  9. <link rel="stylesheet" href="../css/iconfont.css">
  10. <!--[if lt IE 9]>
  11. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  12. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <ul class="list-side">
  17.   <li><a target="user/adminadd.html" >about</a></li>
  18.   <li><a target="user/adminlist.html" >news</a></li>
  19.   <li><a target="user/articles_news.html" >product</a></li>
  20.   <li><a href="http://ucmic.blogspot.com/" target="_blank" >contact</a></li>
  21. </ul>
  22. <div id="iframe">
  23.   <!--jquery 插入html 位址-->
  24. </div>
  25. <script src="../js/jquery.js"></script>
  26. <script type="text/javascript">
  27. // $(document).ready(function(){
  28. //   $.get("user/adminadd.html",function(data){ //初始將a.html include div#iframe
  29. // console.log(data)
  30. //     $("#iframe").html(data);
  31. //   });
  32. //   });
  33. $(function(){
  34.   $('.list-side li').click(function() {
  35.   // 找出 li 中的超链接 href(#id)
  36.     var $this = $(this),
  37.     _clickTab = $this.find('a').attr('target'); // 找到链接a中的targer的值
  38.     $.get(_clickTab,function(data){
  39.       $("#iframe").html(data);
  40.     });
  41.   });
  42. });
  43. </script>
  44. </body>
  45. </html>