快捷導(dǎo)航

jQuery彈出窗口打開鏈接的實(shí)現(xiàn)代碼

更新時(shí)間：2016年12月24日 09:54:41 作者：ToyLevom

這篇文章主要介紹了jQuery彈出窗口打開鏈接的實(shí)現(xiàn)代碼,需要的朋友可以參考下

下面給大家分享一段jquery代碼實(shí)現(xiàn)彈出窗口打開鏈接的實(shí)現(xiàn)方法

window.open(url, name, style, replace); //彈出窗口打開鏈接，參數(shù)：網(wǎng)址，命名，窗體樣式，是否替代原窗口

用處：打開新窗體，打開自定義頁面

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>在彈出窗口中打開新連接</title>
  </head>
  <body>
    <div class="wrap">
      <button class="open-new-link">打開鏈接</button>
    </div>
  </body>
  <script src="../source/jquery1.11.3.min.js"></script>
  <script>
    $(function() {
      $('.open-new-link').on('click', function() {
        var openNewLink = window.open('http://www.baidu.com', '手機(jī)百度', 'height=300, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=false, location=no, status=no'); //參數(shù)： url, 名稱, 窗體樣式
        if(window.focus) {
          openNewLink.focus();
        }
        return false;
      })
    })
  </script>
</html>

以上所述是小編給大家介紹的jQuery彈出窗口打開鏈接的實(shí)現(xiàn)代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

easyui combotree加載靜態(tài)數(shù)據(jù)問題（選不上）解決方法
這篇文章主要介紹了easyui combotree加載靜態(tài)數(shù)據(jù)問題,選不上）
2016-12-12
jQuery實(shí)現(xiàn)帶水平滑桿的焦點(diǎn)圖動(dòng)畫插件
這是一款很實(shí)用的jQuery焦點(diǎn)圖動(dòng)畫插件，跟其他jQuery焦點(diǎn)圖插件不同的是，它帶有一個(gè)水平的滑桿，你可以通過滑動(dòng)滑桿實(shí)現(xiàn)圖片的切換，也可以通過點(diǎn)擊圖片來切換
2016-03-03
jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一，例如很多購物網(wǎng)站的效果,本文將介紹jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作，有需的朋友可以參考下
2012-12-12
jquery 簡單圖片導(dǎo)航插件jquery.imgNav.js
前幾天某MM要偶幫忙實(shí)現(xiàn)栗子汀首頁的圖片導(dǎo)航效果，很簡單而且具有通用性的一個(gè)需求，點(diǎn)圖片A切換圖片A相關(guān)的內(nèi)容，點(diǎn)圖片B切換圖片B相關(guān)的內(nèi)容，僅此而已。
2010-03-03
jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-05-05
將jQuery應(yīng)用于login頁面的問題及解決
Login頁面應(yīng)該是迅速和簡潔的，于是如果可以不產(chǎn)生回送，則不產(chǎn)生回送是最好的。
2009-10-10
40款非常棒的jQuery 插件和制作教程（系列一）
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)
2011-10-10
jquery checkbox實(shí)現(xiàn)單選小例
checkbox是復(fù)選框如何將其變?yōu)閱芜x呢？下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-11-11
Jquery 選中表格一列并對(duì)表格排序?qū)崿F(xiàn)原理
該實(shí)現(xiàn)的主要思想是：獲取鼠標(biāo)點(diǎn)擊的表頭單元格的列號(hào)，遍歷數(shù)據(jù)行，獲取每個(gè)<tr>中的html，同時(shí)獲取每個(gè)<tr>標(biāo)簽下對(duì)應(yīng)獲取到的列號(hào)的<td>標(biāo)簽中的內(nèi)容，并取得<th>標(biāo)簽的type屬性值，需要的朋友可以了解下
2012-12-12
jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框，使用jQuery EasyUI的朋友可以參考下。
2011-10-10