一、基本形式
1.输出文字：
可以使用document.write(“字符串”);的形式：
<head lang="en">
<meta charset="UTF-8">
<title>是真的吗</title>
<script type="text/javascript">
document.write("第一句！");
</script>
</head>
<body>
<script type="text/javascript">
document.write("这是第二句");
</script>
</body>
可以使用变量：
<script type="text/javascript">
var mystr="hello world!"; //一个字符串类型的变量
document.write(mystr); //打印变量-直接输出
</script>
还可以这样：document.write(mystr+"I love JavaScript”);
还可以输出标签：document.write(mystr+”<br>");
这样就打印了换行符
2.引用外部js文件：
js文件可以以.js文件的形式新建，并被引用：
<script src="ui.js">
</script>
这里ui.js就是外部的js文件。
3.alert警告框：
<script type="text/javascript">
function rec(){ //定义一个名为rec的函数
var mychar="I love JavaScript";
alert(mychar); //输出一个警告框
}
</script>
使用方法：
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />
</body>
4.确认、取消对话框：confirm
<script type="text/javascript">
function rec(){
var mymessage=confirm("你是女士吗?");
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
定义之后的使用：
<input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />
5.消息框：prompt
prompt(str1,str2)
str1:消息框中的文本，用户不能修改
str2:文本框中的内容，可以修改
示例：
<script type="text/javascript">
function rec(){
var score=prompt("请输入你的成绩：") ;
if(score>=90)
{
document.write("你很棒!");
}
else if(score>=75)
{
document.write("不错吆!");
}
else if(score>=60)
{
document.write("要加油!");
}
else
{
document.write("要努力了!");
}
}
</script>
使用：
<input name="button" type="button" onClick="rec()" value="点击我，对成绩做评价!" />
6.打开新窗口：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>
布局方面，必须要用字符串符号括起来，否则忽略执行。
参数赋值的等号之间不能够有空格。
top：距顶部像素 left：距左侧像素
width：宽 height：高
menubar：是否有菜单 toolbar：是否有工具条
scrollbar：是否有滚动条 status：是否有状态栏
7.关闭窗口：window.close() 或 <窗口对象>.close()
var mywin=window.open("http://www.imooc.com");
mywin.close;
--------------------------------------------------------------
一直在慕课网学习IT技能，很不错！ http://www.imooc.com
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
