简单了解JS打开url的方法

 更新时间:2020年02月21日 08:50:20   作者:秋夜雨巷  
这篇文章主要介绍了简单了解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区别

性质不同

  • window.location:window.location是window对象的属性。
  • window.open:window.open是window对象的方法。

用途不同

  • window.location:window.location用来替换当前页,也就是重新定位当前页 。
  • window.open:window.open用来让链接页面在窗口中打开。

打开网站不同

  • window.location:window.location只能在一个网站中打开本网站的网页。
  • window.open:window.open可以在一个网站上打开另外的一个网站的地址 。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JS 中的URLSearchParams 对象操作(以对象的形式上传参数到url)

    JS 中的URLSearchParams 对象操作(以对象的形式上传参数到url)

    这篇文章主要介绍了JS中URLSearchParams的基本用法,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • Swiper.js插件超简单实现轮播图

    Swiper.js插件超简单实现轮播图

    这篇文章主要介绍了Swiper.js插件超简单实现轮播图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • js使用eval解析json实例与注意事项分享

    js使用eval解析json实例与注意事项分享

    eval函数在js中有不少用处了,下面我来给各位朋友介绍eval解析json的实例,基于这个实例我们引出来在eval处理json数据时的一些注意事项,希望文章对各位同学会有所帮助
    2014-01-01
  • 用JS制作可交互的视频进度条的案例分享

    用JS制作可交互的视频进度条的案例分享

    这篇文章主要介绍了用JS制作可交互的视频进度条的案例,在开始制作视频进度条之前,想先给大家补充一些关于元素的一些特点和用法,为大家更好地理解接下来的分享,感兴趣的朋友可以参考下
    2024-04-04
  • JS常见加解密算法小结

    JS常见加解密算法小结

    在Web开发中,保护用户数据是至关重要的,而对数据进行加密是其中一种有效手段,本文将深入浅出地介绍常见的加解密算法,包括消息摘要算法、对称加密算法以及非对称加密算法,需要的朋友可以参考下
    2023-12-12
  • JS中的防抖与节流及作用详解

    JS中的防抖与节流及作用详解

    这篇文章主要介绍了JS中的防抖与节流及作用详解,本文通过文字说明加示例代码的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • 用js读、写、删除Cookie代码续篇

    用js读、写、删除Cookie代码续篇

    本文是上一篇文章《用js读、写、删除Cookie代码分享及详细注释说明》发现了些问题,进行分析解决,推荐给大家
    2014-12-12
  • 纯js实现仿QQ邮箱弹出确认框

    纯js实现仿QQ邮箱弹出确认框

    仿QQ邮箱的弹出层,弹出确认框,主要是用火狐的firebug把html和css扣了下来,没有做封装,就定义了一个拖动事件. 大家可以封装自己的弹出窗,嘿嘿!
    2015-04-04
  • 如何在js中计算两个时间段重叠的时长问题详解

    如何在js中计算两个时间段重叠的时长问题详解

    这篇文章主要给大家介绍了关于如何在js中计算两个时间段重叠的时长问题的相关资料,判断两个时间段是否重叠可以通过比较两个时间段的开始时间和结束时间来实现,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2024-04-04
  • js项目中前端如何实现无感刷新token

    js项目中前端如何实现无感刷新token

    本文主要介绍了js项目中前端如何实现无感刷新token,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07

最新评论