1、引用JS
1.内部引用js写在body
2.外部引用js写在head
2、注释
单行注释 //
多行注释 /**/
3、if...else判断语句
<script type="text/javascript">
var myage="18";
if(myage>=18) //myage>=18是判断条件
{document.write("你是成年人")}
else
{document.write("你是未成年人")}
<script>
4、函数
1.函数能省重复输入大量代码的麻烦。
2.如何定义一个函数呢?
function 函数名()
{函数代码;
}
3.编写两数相加简单的函数
function add2(){
var sum=2+3; //定义一个变量为sum
alert(sum); //弹出变量sum相加后的值
}
4.输出多项内容,内容之间用+号连接。输出HTML标签,要用“”括起来
<script type="text/javascript">
var>
var two="郑楚君";
document.write(one+two+"<br>"+"的小粉丝"); //输出结果为 我是郑楚君 的小粉丝
</script>
5.确认——confirm消息对话框
语法:confirm(str) //str为消息对话框中要显示的文本
<script>
function one(){
var c=confirm(你喜欢我吗?)
if(c==true){document.write("喜欢")}
else{document.write("不喜欢")}}
</script>
<body>
<input type="button" value="点击我,弹出确认对话框">
</body>
6.提问——prompt消息对话框
语法:prompt(str1,str2)
<script>
function rec(){
var name=prompt("请输入你的姓名:");
if(name!=null){alert("你好"+name);}
else{alert("傻逼"); } }
</script>
<body>
<input type="button" value="点击我,弹出确认对话框">
</body>
7.打开新窗口——window.open
_blank:在新窗口显示目标网页
_self:在当前窗口显示
_top:框架网页中在上部窗口显示
<script>
function rec(){window.open('http://baidu.com','_blank') }
</script>
<body>
<input type="button" value="点我打开新窗口" />
</body>
8.关闭窗口——window.close
<script>
var mywin=window.open("http://www.imooc.com"); mywin.close();
</script>
9.作业
1、新窗口打开时弹出确认框,是否打开
提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。
2、通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/
3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
<script>
function openWindow(){
var open=confirm("是否打开?");
if(open==true){open=prompt("确认打开"," http://www.imooc.com")}
if(open==" http://www.imooc.com"){var open=window.open("http://www.imooc.com","_blank","width=400,height=500,menubar=no,toolbar=no")}
}
</script>
<body>
<input type="button" value="点我打开新窗口" />
</body>