简单了解JS打开url的方法

这篇文章主要介绍了简单了解JS打开url的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在新标签页中get方式打开url

window.open(loginurl_withaccout, "_blank");

下面根据后台返回的url以及用户名密码字段，以及用户名密码动态生成了带账号的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); //同步

在新标签页中post方式打开url

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

/*获取系统带参数的登录url*/$.ax('./front/getURLBySidAndUid', {sysid:sysid}, 'POST', function(d) {  /*get跳转*/  /*var loginurl_withaccout = d.loginurl + "?"+d.namefield+"="+d.username+"&"+d.pwdfield+"="+d.userpwd;  window.open(loginurl_withaccout, "_blank");*/  /*post跳转*/  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); //同步  /**   * 动态创建form表单 - 实现post带参数跳转到新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";    //添加参数    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区别

性质不同

用途不同

打开网站不同

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持错新站长站。