JS打开新窗口

作者: 墨马 | 来源:发表于2017-08-28 15:43 被阅读15次

一.打开新窗口的方法

1.在当前窗口打开

window.location.herf="http://www.redice.com";  

2.新建窗口打开

window.open("http://www.redice.com");

window.open("http://www.redice.com","newwindow","height=100,width=100,top=0,left=0")

//height:高度  width:宽度  top:距屏顶距离  left:距屏左距离

二.打开新窗口并传递参数

1.打开新页面

window.open("index.html?id=1&name=new");

//?之后添加需要传递参数的键值对,用&分割 

2.在新页面获取参数

function getParam(){

        var query = location.search.substring(1);//获取参数键值对

        var values = query.split("&");                      //以&将键值对分开

         var value = new Arrary(values.length);     //新建数组用于保存键值

         for(var i = 0; i < values.length;  i++){

               var pos = values[i].indexOf('=');//获取=所在位置

               if(pos = -1) continue;                //不存在=则继续执行循环

               var paramName = values[i].substring(0,pos);//获取参数名称

                value[i] = values[i].substring(pos+1);             //获取参数 放入数组

         }

总结:

           用JS实现打开窗口以及向行窗口传值的方法,并获取到传输的值。


相关文章

  • JS打开新窗口

    一.打开新窗口的方法 1.在当前窗口打开 window.location.herf="http://www.red...

  • js打开新窗口

    js打开新窗口 Window.open()方法 完整的代码 window.open('page.html', 'n...

  • a标签

    新窗口打开 新窗口打开

  • 编程练习

    制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务 1、新窗口打开时弹出确认框,是否打开 提示:使用 if ...

  • a标签于js的生死纠葛

    一、JS打开新窗口的2种方式 超链接 等效于js代码 超链接 等效于js代码 二、a标签中调用js的几种方法 我们...

  • 练习1-window打开网页

    编程练习制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务1、新窗口打开时弹出确认框,是否打开提示: 使用 ...

  • js打开点击打开新窗口

    任务 1、新窗口打开时弹出确认框,是否打开提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则...

  • 2018-04-17JS基础,操作DOM树

    1. JS基础(包括:输出,提示框,弹出框,打开新窗口,各种语句等) 2 JS操作DOM树(HTML文档结构)J...

  • BOM

    open(url,打开方式)新窗口打开空白页//open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口...

  • 2019-04-21 href跳转

    新窗口打开 原窗口打开

网友评论

    本文标题:JS打开新窗口

    本文链接:https://www.haomeiwen.com/subject/oyqgdxtx.html