【笔记】javascript使用按钮新窗口打开网站的五种写法

使用javascript的按钮在新窗口打开网页的写法有好几种,今天在慕课网学的时候自己想到了一种思路,然后又学习了几种比较有意思的写法。权当学习笔记了,以便往后查阅。
[code lang="js"]<script type="text/javascript">
function openWindow(){//方法一
if(confirm("Are you sure you want to open a new window?")){
var newwindow = prompt("Enter your website:","http://www.yukisa.com");
window.open(newwindow,'_blank','width=400','height=500','menubar=no','toolbar=no');
}
}
function openWindow(){//方法二
var abc = confirm("Are you sure you want to open a new window?");
if(abc==true){
var bcd = prompt("Enter your website:",'http://www.yukisa.com');
}
window.open(bcd,'width=400','_blank','height=500','menubar=no','toolbar=no');
}
function openWindow(){//方法三
var liu = confirm("are you sure open a new window?")
if(liu==true){
window.open('http://www.yukisa.com','_blank','width=100','height=100','meunbar=no','toolbar=np');
}

}
function openWindow(){//方法四
var abc = confirm("are you sure open a new window?")
if(abc==true)
var url=prompt("Enter your website","http://www.yukisa.com");
window.open("http://www."+url,'_blank','width=50','height=50','meunbar=no','toolbar=np');
}
function openWindow(){//方法五
var message;
var add;
message = confirm("are you sure open a new window?")
if(message==true){
add = prompt("Plese enter your website:","http://www.yukisa.com");
window.open(add,'width=50','height=50','meunbar=no','toolbar=np');
}
}
</script>[/code]
五种不同的写法,但效果都是相同的,通过一个按钮来调用openWindow()函数,实现网页的打开。

需要记住的是confirm()函数,用于显示一个带有指定消息和 OK 及取消按钮的对话框。如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
还有一个prompt()函数,用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

发布者

慧行

老(xiao)·男(qing)·人(xin)

《【笔记】javascript使用按钮新窗口打开网站的五种写法》有7个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注