0
点赞
收藏
分享

微信扫一扫

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>
​​




作者:少帅












举报

相关推荐

0 条评论