快捷導(dǎo)航

簡單了解JS打開url的方法

更新時間：2020年02月21日 08:50:20 作者：秋夜雨巷

這篇文章主要介紹了簡單了解JS打開url的方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在新標(biāo)簽頁中g(shù)et方式打開url

window.open(loginurl_withaccout, "_blank");

下面根據(jù)后臺返回的url以及用戶名密碼字段，以及用戶名密碼動態(tài)生成了帶賬號的url。

$.ax('./front/getURLBySidAndUid', {sysid:sysid}, 'POST', function(d) {
  var loginurl_withaccout = d.loginurl + "?"+d.namefield+"="+d.username+"&"+d.pwdfield+"="+d.userpwd;
  console.info(loginurl_withaccout);
  window.open(loginurl_withaccout, "_blank");
}, function(e) {
  layer.alert('出問題啦~請稍后再試~',{title:'提示',icon: 2});
}, false); //同步

在新標(biāo)簽頁中post方式打開url

下面這種方式支持IE9以上以及谷歌火狐.但是不支持360

/*獲取系統(tǒng)帶參數(shù)的登錄url*/
$.ax('./front/getURLBySidAndUid', {sysid:sysid}, 'POST', function(d) {

  /*get跳轉(zhuǎn)*/
  /*var loginurl_withaccout = d.loginurl + "?"+d.namefield+"="+d.username+"&"+d.pwdfield+"="+d.userpwd;
  window.open(loginurl_withaccout, "_blank");*/

  /*post跳轉(zhuǎn)*/
  var params = new Array();
  params.push({ name:d.namefield,value:d.username},{name:d.pwdfield,value:d.userpwd});
  openPostWindow(d.loginurl,params,"_blank");
}, function(e) {
  layer.alert('出問題啦~請稍后再試~',{title:'提示',icon: 2});
}, false); //同步

  /**
   * 動態(tài)創(chuàng)建form表單 - 實現(xiàn)post帶參數(shù)跳轉(zhuǎn)到新tab頁
   **/
  function openPostWindow(url,params,name){
    var tempForm = document.createElement("form");
    tempForm.id="tempForm_post";
    tempForm.method="post";
    tempForm.enctype="application/x-www-form-urlencoded";
    tempForm.action=url;
    tempForm.target=name; /*打開新窗口*/
    tempForm.style.display = "none";
    //添加參數(shù)
    for (var item in params) {
      var input = document.createElement("input");
      input.name = params[item].name;
      input.value = params[item].value;
      tempForm.appendChild(input);
    }
    document.body.appendChild(tempForm);
    tempForm.submit();
    document.body.removeChild(tempForm);
  }

window.location和window.open區(qū)別

性質(zhì)不同