马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
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 鱼币)
如果喜欢,请订阅 :
如果喜欢,别忘了评分 :
|