简单了解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 相关文章推荐
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
jqTransform美化表单
Oct 10 Javascript
BootStrap创建响应式导航条实例代码
May 31 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
May 19 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 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
使用Apache的rewrite技术
2006/06/22 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
jqueryUI tab标签页代码分享
2017/10/09 jQuery
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
2019/05/01 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
使用Python写CUDA程序的方法
2017/03/27 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
详解Django中异步任务之django-celery
2020/11/05 Python
python 如何上传包到pypi
2020/12/24 Python
用Python制作音乐海报
2021/01/26 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
台湾最大网路书店:博客来
2018/03/18 全球购物
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
酒店营销策划方案
2014/02/07 职场文书
企业口号大全
2014/06/12 职场文书
授权委托书怎么写
2014/09/25 职场文书
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js