学习JavaScript课程的目标:
http://www.w3school.com.cn/html/html_form_elements.asp
1.使用JavaScript实现表单验证。
2.使用JavaScript制作网页广告特效。
3.使用JavaSctipt制作弹出窗口特效。
4.使用JavaScript实现时钟特效。
5.使用JavaScript实现级联显示功能。
6.使用JavaScript+CSS实现CSS样式特效。
7.使用JavaScript动态创建页面元素。
JavaScript脚本基本结构:
<script type="text/javascript">
<!--
JavaScript 语句;
-->
</script >
JavaScript使用方式:
<!-- 1.Html页面内嵌JS代码 -->
<!--2.外部JS文件-->
<script src="hello.js" language="javascript"></script>
<!--3.简短缩写方式(代码内部嵌套,写在<body>标签中-->
<form>
<input name="btn"; type="button" ;value="弹出消息框" ; onclick="javascript:alert('欢迎你');"/>
</form>
JavaScript数据类型:
- typeof检测变量的返回值
- 数据类型:undefined、boolean、string、number、null
typeof运算符返回值如下:
- undefined:变量被声明后,但未被赋值
- string:用单引号或双引号来声明的字符串
- boolean:true或false
- number:整数或浮点数
- object:javascript中的对象、数组和null
JavaScript核心语法:
常用的输入/输出:
- alert()
- alert(“提示信息”);
- prompt()
- prompt(“提示信息”, “输入框的默认信息”);
- prompt(“请输入姓名”, “张三”);
- prompt(“请输入姓名”);
实例:
<script type="text/javascript">
document.write("Hello World");
var j = prompt("请输入连续输出标题3的次数:");
for (var i = 0; i < j; i++) {
document.write("<h3>Hello World</h3>");
}
document.write("<h1>Hello World</h1>");
alert("共连续输出标题:" + j + "次");
</script>