简单了解JS打开url的方法


Posted in Javascript onFebruary 21, 2020

这篇文章主要介绍了简单了解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可以在一个网站上打开另外的一个网站的地址 。

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

Javascript 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
jquery实现简单文字提示效果
Dec 02 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
详解动画插件wow.js的使用方法
Sep 13 Javascript
小程序实现搜索框功能
Mar 26 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
详解vue或uni-app的跨域问题解决方案
Feb 21 #Javascript
如何基于js判断浏览器版本
Feb 20 #Javascript
微信小程序webSocket的使用方法
Feb 20 #Javascript
Javascript Worker子线程代码实例
Feb 20 #Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 #Vue.js
Javascript原生ajax请求代码实例
Feb 20 #Javascript
webpack中的模式(mode)使用详解
Feb 20 #Javascript
You might like
PHP怎样调用MSSQL的存储过程
2006/10/09 PHP
创建配置文件 用PHP写出自己的BLOG系统 2
2010/04/12 PHP
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
PHP与SQL注入攻击防范小技巧
2011/09/16 PHP
php数组索引的Key加引号和不加引号的区别
2014/08/19 PHP
PHP用反撇号执行外部命令
2015/04/14 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
javascript校验价格合法性实例(必须输入2位小数)
2014/05/05 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
详解jQuery中的deferred对象的使用(一)
2016/05/27 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
2016/08/15 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
python写的一个squid访问日志分析的小程序
2014/09/17 Python
python提取页面内url列表的方法
2015/05/25 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
python退出循环的方法
2020/06/18 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
python的dict判断key是否存在的方法
2020/12/09 Python
微软开源最强Python自动化神器Playwright(不用写一行代码)
2021/01/05 Python
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
以实惠的价格轻松租车,免费取消:Easyrentcars
2019/07/16 全球购物
linux下进程间通信的方式
2014/12/23 面试题
电大毕业生自我鉴定
2013/11/10 职场文书
校班主任推荐信范文
2013/12/03 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
大学生实习介绍信
2015/05/05 职场文书