简单了解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 相关文章推荐
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
JavaScript实现美化滑块效果
May 17 Javascript
微信小程序自定义扫码功能界面的实现代码
Jul 02 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 Javascript
详解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 分页SQL语句优化 持续影响
2009/04/26 PHP
php将字符串随机分割成不同长度数组的方法
2015/06/01 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
JS实现动态无缝轮播
2020/01/11 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
使用PYTHON创建XML文档
2012/03/01 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
python中单下划线_的常见用法总结
2018/07/10 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
美国男士内衣品牌:Tommy John
2017/12/22 全球购物
Lucene推荐的分页方式是什么?
2015/12/07 面试题
土建资料员岗位职责
2014/01/04 职场文书
境外导游求职信
2014/02/27 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
创先争优标语
2014/06/27 职场文书
ktv好的活动方案
2014/08/15 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
房产公证书样本
2015/01/23 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
旅游项目合作意向书
2015/05/08 职场文书