JavaScript入门——基础互动方法

1.javascript里要向网页输出内容

//第一种，用""直接输出内容
<script type="text/javascript">
    document.write("javascript!");
</script>

//第二种,通过变量,输出内容
<script type="text/javascript">
    var str = "javascript!";
    document.write(str);
</script>

//第三种,输出多项内容,内容之间用+号连接
<script type="text/javascript">
    var str = "hello";
    document.write(str+"javascript");
</script>

//第四种,输出换行
<script type="text/javascript">
    document.write("this is" + "<br>");
    document.write("javascript!");
</script>

//第五种,输出空格
//1.用html标签&nbsp;来输出空格
document.write("&nbsp;&nbsp;" + "java" + "&nbsp;" + "script");

//2.用css样式来解决
document.write("<span style='white space:pre;'>" + "1    2 3" + "</span>")

2.javascript的警告信息alert

/*
1.在点击确认按钮前，不能进行任何其他操作；
2.alert输出内容，可以是字符串或者变量；
*/
<script type="text/javascript">
    var num=9;
    alert("javascript");
    alert(num);
</script>

3.javascript的confirm消息对话框

//在用户点击对话框之前，不能进行任何其他操作
<script type="text/javascript">
    var mes = confirm("javascript?");
    if (mes == true) 
    { document.write("yes!");   }
    else
    { document.write("no!"); }
</script>

4.javascript的prompt消息对话框

/*
语法:prompt(str1,str2);
str1:要显示的消息对话框中的文本，不可修改
str2:文本框中的内容，可以修改
返回值：
1.确定，文本框中的内容将作为函数返回值
2.取消，将返回null
*/
//在用户点击对话框之前，不能进行任何其他操作
<script type="text/javascript">
    var name=prompt("请输入你的姓名:");
    if (name != null) 
    { alert("hello!" + name); }
    else 
    { alert("hello!" + "my friend!"); }
</script>

5.打开一个新窗口(window.open)

//语法：window.open([URL],[窗口名称],[参数字符串])
/*
**URL**：可选参数，在窗口中要显示网页的网址或路径。
    如果省略这个参数，或者它的值是空字符串，
    那么窗口就不显示任何文档。
**窗口名称**：可选参数，被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。
**参数字符串**：可选参数，设置窗口参数，各参数用逗号隔开。
*/

参数表：

参数	值	说明
top	number	窗口顶部离开屏幕顶部的像素数
left	number	窗口左端离开屏幕左端的像素数
width	number	窗口的宽度
height	number	窗口的高度
menubar	yes/no	窗口有没有菜单
toolbar	yes/no	窗口有没有工具条
scrollbars	yes/no	窗口有没有滚动条
status	yes/no	窗口有没有状态栏

<script type="text/javascript">
window.open('http://blog.csdn.net/peng_666666','_blank','width=500'.'height=500',menubar=no)
</script>

6.关闭一个窗口

/*
用法：
window.close();  //关闭本窗口
<窗口对象>.close();  //关闭指定的窗口
*/
//关闭指定的窗口
<script type="text/javascript">
    var win=window.open('http://blog.csdn.net/peng_666666');  //储存到变量win中
    win.close();
</script>