简单了解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 程序库的比较(一)之DOM功能
Apr 07 Javascript
javascript设计模式之中介者模式Mediator
Dec 30 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
Apr 16 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网站在线人数统计
2008/04/09 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
php通过字符串调用函数示例
2014/03/02 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
php 问卷调查结果统计
2015/10/08 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
php实现36进制与10进制转换功能示例
2017/01/10 PHP
jquery中prop()方法和attr()方法的区别浅析
2013/09/06 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
Python中的元类编程入门指引
2015/04/15 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
python实现字典嵌套列表取值
2019/12/16 Python
Tensorflow 多线程设置方式
2020/02/06 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
促销活动策划方案
2014/01/12 职场文书
美术毕业生求职信
2014/02/25 职场文书
教职工代表大会主持词
2014/04/01 职场文书
考博专家推荐信
2014/05/10 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
Python中22个万用公式的小结
2021/07/21 Python