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

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

您需要登录才可以下载或查看，没有账号？立即注册

x

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

登录/注册后可看大图

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

不许看答案，否则打屁屁

分析：

在各大视频网站看视频时，可以设置选择窗口的大小，此功能一般是通过“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>

复制代码

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

代码说明（秀智商）：

游客，如果您要查看本帖隐藏内容请回复

回顾：

代码包：

index.zip (914 Bytes, 下载次数: 9, 售价: 5 鱼币)

○面试题索引贴●

如果喜欢，请订阅

：

如果喜欢，别忘了评分

：

登录/注册后可看大图

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

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

Merci.

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

向一朵朵鲜花 · 发表于 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

热爱前端的肥仔 · 发表于 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

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

支持呀

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

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

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

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

账号		自动登录	找回密码
密码			立即注册

[每日一练] 技法69 (◐‿◑) 打开规定大小的窗口