-
javascript-警告(alret消息对话框)
访问网站弹出的小弹窗,就是通过alert实现的。
语法:
alert(字符串或变量);
代码示例:
<script type="text/javascript">
var mynum =30;
alert("欢迎还来到我的世界")
alert(mynum);
</scropt>
查看全部 -
javascript 输出内容(document.write)
document.write可以用于直接向HTML输出写的内容,简单的说就是直接在网页中输出内容。
代码实列:
<scrpit type="text/javascript">
document.write("I love javascript!");//括号里的内容是输出内容
</script>
第二种通过变量,输出内容
<script type="text/javascript">
var mystr="hello world";
document.write(mystr); //直接写变量名,输出变量储存的内容。
</script>
第三种:输出多项内容,内容之间用加号连接。
<script type="text/javascript">
var mychat="hello"
document.write(mychat+"i love Javascript");//多项输出使用+号连接
</script>
第四种输出HTML标签,并起作用,标签使用""括起来。
<script type"text/javascript">
var mycaht="hello"
document.write(mycaht+"<br>")//输出变量里面的内容后换行输出
document,write("Javascript")
</script>
JS空格输出
<script type="text/javascript">
document.write(" ")
</script>
查看全部 -
什么是函数?
特定功能的一组语句,如果没有函数,完成任务可能需要5行,10行甚至跟多代码,这时我们就可以把特定的功能的代码块放到一个函数里,直接调用这个函数
代码实列:
function 函数名()
{
函数代码
}
function定义函数关键字,
“函数名”函数名
“函数代码”替换完成特定功能的代码。
实列:
function add(){
var sum = 3+2;
aler(sum);
}
查看全部 -
javascript判断语句:
if....else语句是在指定的条件下成立执行代码,在条件不成立时执行else后的代码。
语法:
if (条件):
{条件成立执行的代码}
else:
[条件不成立时执行的代码]
假如我们通过条件判断是否为成年人,如年龄大于18岁,是成年人,否则不是成年人,代码如下:
<script type="text/javascript">
var mychar = 18;
if (mycagr>=18)//myage>=18是条件判断
{document.write("你是成年人");}
else //否则年龄小于18
{document.write("未满18岁,你不是成年人。");}
</script>
查看全部 -
消息对话框:confirm(str)
查看全部 -
消息确认对话框:confirm(str)
查看全部 -
消息对话框:1、prompt(str1, str2);
查看全部 -
总结:alert是弹出一个框,直接显示alert中的内容。
confirm是弹出一个框,根据确认取消来选择输出后续语句的内容。
prompt是弹出一个框,让你输入内容来判断后续该进行的语句。查看全部 -
function openWindow() { // 新窗口打开时弹出确认框,是否打开 var mymessage = confirm("是否打开?"); if (mymessage == true) { // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ var address = prompt("确定打开的网址","http://www.imooc.com/") // 打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。 if (address != null) { window.open(address, '_blank','width=400,height=500, menubar=no,toolbar=no'); } } }
查看全部 -
<!DOCTYPE html> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"/> <script type="text/javascript"> //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。 function openWindow(){ var web = 'http://www.imooc.com/'; var con = confirm("确定打开网页吗?"); // 新窗口打开时弹出确认框,是否打开 if(con){ var web2; web2 = prompt("打开哪一个网页呢?",web2); if(web2!=null&&web2!='') { window.open(web2,'_blank','width=400,height=500,toolbar=no,menubar=no'); } else if(web2 == null){} // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ else { window.open(web,'_blank','width=400,height=500,toolbar=no,menubar=no'); } } else{} } </script> </head> <body> <input type="button" value="新窗口打开网站" onclick="openWindow()" /> </body> </html>
查看全部 -
display:block 显示 none 隐藏;
查看全部 -
//_top 框架网页中在上部窗口中显示目标网页 //_blank 在当前窗口显示目标网页 //self 在当前窗口显示目标网页
查看全部 -
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function openWindow(){
// 新窗口打开时弹出确认框,是否打开
var openwin=confirm("是否打开新窗口?");
if(openwin==true)
{
var openwinID=prompt("请输入地址","http://www.imooc.com/");
if(openwinID!=null){
// 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
//打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
window.open('openwinID','_blank','width=400px,height=500px,menubar=no,toolbar=no');
}
else{
alert("再见");
}
}
else{
alert("你好再见");
}
}
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>
查看全部 -
open() 方法可以查找一个已经存在或者新建的浏览器窗口。
语法:window.open([URL], [窗口名称], [参数字符串])
例如:
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
查看全部 -
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)
var myname=prompt("请输入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
查看全部
举报