不二如是 发表于 2017-10-28 22:32:13

技法69 (◐‿◑) 打开规定大小的窗口

本帖最后由 不二如是 于 2017-10-28 22:39 编辑

http://xxx.fishc.com/forum/201705/05/225545py2j222x5z6x55n2.png

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁



分析：
        在各大视频网站看视频时，可以设置选择窗口的大小，此功能一般是通过“window.open”实现的。该方法参数较多，但难度不大，很容易掌握






Code：

HTML：
<h2>打开指定大小的窗口</h2>
    宽度:<input id='windowWidth'/>
    高度:<input id='windowHeight'/>
    <input id='openwindow' type="button" data-href='http://www.fishc.com/' value="打开新窗口" />

JS：
<script type="text/javascript">
    window.onload = function(){
      var openwindow = function(w, h, href){
            w = w || "";
            h = h || "";
            /*window.open(
             "可选，将要跳转的页面",
             "可选，新窗口的名称",
             "可选，设置新窗口的一些特征，默认为浏览器的标准特征，可选参数---channelmode、directories、fullscreen、height、width等"
             "可选，规定装载到窗口的URL，是替换浏览器当前历史条目还是新创建一个新条目，true为替换，false为创建新条目"
             ) */
            window.open(href,'','width='+ w +',height='+ h);//打开指定尺寸的新页面
      }
      document.getElementById("openwindow").onclick = function(){//跳转页面的响应按钮
                //为w，h，href赋值
            openwindow(
                  document.getElementById("windowWidth").value,//dom操作获取输入参数值
                  document.getElementById("windowHeight").value,//dom操作获取输入参数值
                  this.getAttribute("data-href")//获取并设置超链接
            );
      }
    };
</script>



请按照自己的理解订正对概念的认知

代码说明（秀智商）{:10_256:} ：
**** Hidden Message *****



回顾：

技法68 (◐‿◑) 打开新页面 | 【新征程】



代码包：



○面试题索引贴●
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛


如果喜欢，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

sunbocheng 发表于 2017-10-29 21:06:06

{:5_91:}

Ruide 发表于 2018-3-12 23:00:01

Merci.

张悦颖 发表于 2018-4-26 18:49:14

1

向一朵朵鲜花 发表于 2018-5-5 16:06:06

kankan

dsa159245 发表于 2018-7-14 21:33:15

1111111111111111111

mhb789456 发表于 2018-7-17 08:45:41

   看看代码

Romeo 发表于 2018-8-6 12:41:32

{:10_265:}

热爱前端的肥仔 发表于 2018-8-6 17:21:44

课后一定要多敲代码

凌乱大帅比 发表于 2018-9-16 16:22:47

嗯嗯嗯嗯嗯嗯嗯嗯嗯

a211827754 发表于 2018-9-20 11:08:21

emmm

a641743376 发表于 2019-3-8 11:22:00

???

Pe_ka 发表于 2019-5-27 10:11:29

1

群里最菜的一个 发表于 2019-10-12 08:34:29

支持呀

二哈的东天 发表于 2020-5-15 10:37:06

{:9_222:}

一笙彤 发表于 2020-6-15 19:55:05

0

peanutfs13 发表于 2023-9-21 16:26:07

1

孙忠亮 发表于 2023-11-9 15:33:22

1
页: [1]
查看完整版本: 技法69 (◐‿◑) 打开规定大小的窗口