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 >



 
  





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM