JavaScript学习笔记02——互动

1、输出内容

<script type="text/javascript">
var myAge=20;
var myName="Bob";
document.write("I am Bob, a 20-year-old boy！");//直接把输出内容放在“ ”内
document.write(myName);//直接输出变量的内容
document.write("my name is "+myName);//输出多项内容，以+连接
document.write(myName+"<br>");
document.write("a 20-year-old boy");//输出HTML标签，标签使用“ ”括起来
</script>

2、警告

alert消息对话框——除了点击确定和关闭外不能对网页做其他操作。

<script type="text/javascript">
	var bo=30;
	alert("He is just a child!!");//参数为字符串或变量
	alert(bo);//依次弹出对话框
</script>

3、确认（消息对话框）

confirm（str）

4、提问（prompt消息对话框）

<script type="text/javascript">
	var  myName=prompt("input name");
/*
prompt(str1,str2)——此处str1即 input name;str2为文本框中内容，可修改；
对于返回值,若你点击了确定，返回值为文本框中的内荣;若你点击了取消，则str2
为null;PS：此处两个参数都为可选参数，若没有的话，即默认为空;
*/
	if(myName!=null){
		alert("Hello"+myName);
	}else{
		alert("Hello my friend"); 
	}
</script>

5、打开新窗口

<script type="text/javascript">
window.open("http://www.baidu.com","_blank","toolbar=yes, location=yes, 
directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, 
copyhistory=yes, width=400, height=400");
/*
三个可选参数，分别是：URL，窗口名称，参数字符串

窗口名称有以下：
_blank 在新窗口显示目标网页；
_self 在当前窗口显示目标网页；
_top 框架网页中在上部显示目标网页

参数字符串详见：www.runoob.com/jsref/obj-window.html
*/
</script>

6、关闭窗口

window.close();//关闭当前窗口

var newWin=window.open("http://www.baidu.com");
newWin.close();//关闭新打开的窗口

JavaScript学习笔记02——互动

猜你喜欢