JS、html打开超链接的几种形式

1、直接使用input在原有的标签页中直接打开一个页面，将原有标签页覆盖

在按钮中直接打开一个连接，这里不需要用到js的代码，根据HTML中的onclick属性

<input type="button" name="btnEdit" value="编辑" onclick="window.location.href='<?=base_url()?>index.php/admin/expert/expertEdit/<?=$expertId?>';" id="btnEdit" class="input" />

2、JS打开超链接的几种形式

• window.open(''url'')        打开一个新的标签页

    $('#gradePaper').click(function(){
        window.open('<?=base_url()?>index.php/admin/search/searchAllByCode');
    });  

• 用自定义函数

       

  <script>
         function openWin(tag,obj)
         {
             obj.target="_blank";
             obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
             obj.click();
         }
        </script>

<a href="javascript:void(0)" onclick="openWin(3,this)">超链接</a>

• window.location.href="";     这种方式也是覆盖原有的标签页的方式打开

3、js和jquery控制超链接,使链接在子窗口打开

• 这是用jquery,让其所有超链接在新窗口打开

<script type="text/javascript" src="JQuery/jquery-1.4.2.js"></script>
<script type="text/javascript">
     $(document).ready(function() {
           $("a").attr("target","_blank");
})
</script>

• 用jquery,想让一部分超链接在新窗口打开，只要在基范围加个id就好了，比如：

<div id="ccc"><a href="index.html">首页</a></div> 
  <script type="text/javascript" src="JQuery/jquery-1.4.2.js"></script>
<script type="text/javascript">
     $(document).ready(function() {
           $("div#ccc a").attr("target","_blank");
})
</script>

 

  

来自为知笔记(Wiz)