<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>window 对象</title> <script type="text/javascript"> alert("欢迎来到慕课网"); function opnw(){ window.open('http://www.imooc.com','_blank','width=600,height=400'); } </script></head><body><form> <input type="button" value="点击我,打开新窗口!" onclick="myopen()"></form></body></html>
6 回答
已采纳
Leal_Gullden
TA贡献10条经验 获得超7个赞
function opnw() 改成 function myopen()
或者
onclick="myopen()" 改成 onclick="opnw()"
MarlboroKay
TA贡献189条经验 获得超236个赞
首先,js放在<head>标签里不利于页面加载。
其次,onclick方法调用的函数名与定义的函数名称不同。
function opnw(){ window.open('http://www.imooc.com','_blank','width=600,height=400'); }
应该改成
function myopen(){ window.open('http://www.imooc.com','_blank','width=600,height=400'); }
最后,建议你采用结构分离的方式来建立网页,如果用户的浏览器禁用了JavaScript,那你的脚本将无法实现。
下面是分离之后的js代码
window.onload = function(){ if(!document.getElementsByTagName) return false; var oInput = document.getElementsByTagName('input'); for(var i = 0;i<oInput.length;i++){ oInput.onclick = function(){ window.open('http://www.imooc.com','_blank','width=600,height=400'); } } }
html中的input标签改为
<input type="button" value="点击我,打开新窗口!" >
当然,你也可以定义个id。
希望能够帮到你,望采纳
添加回答
举报
0/150
提交
取消